Webpack LESS 加载器，在页面渲染后发生

【问题标题】：Webpack LESS loader, happens after page renderWebpack LESS 加载器，在页面渲染后发生
【发布时间】：2016-03-17 22:31:41
【问题描述】：

我正在使用webpack、less-loader 和这个配置：

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

一切正常，除了 CSS 规则在页面呈现后加载，创建了 1 秒的无样式内容闪烁。

如何在我的脚本（我正在使用 React）渲染页面之前加载 CSS？

【问题讨论】：

【解决方案1】：

使用ExtractTextPlugin，您可以将js包中的样式提取到单独的css文件中，可以按照通常的方式将其添加到<head>标签中：

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

【讨论】：