Webpack LESS加载程序,在页面渲染后发生

时间:2016-03-17 22:31:41

标签: javascript css reactjs webpack

我正在使用webpackless-loader和此配置:

  {
    test: /\.less$/,
    exclude: /node_modules/,
    loader: "style!raw!less"
  },

一切正常,但在渲染页面后加载CSS规则,创建1秒钟无格式内容的闪烁。

如何加载CSS 之前我的脚本(我正在使用React)渲染页面?

1 个答案:

答案 0 :(得分:2)

使用http://cmcollective.net/beta/,您可以将js包中的样式提取到单独的css文件中,该文件可以通常的方式添加到<head>标记中:

 <link rel="stylesheet" type="text/css" href="styles.css">