Webpack - Extract-text-plugin和Less-loader不会渲染

Question

我在webpack中使用此配置，但由于某些原因，结果不正确。

Webpack less loader config：

{
  test: /\.less$/,
  loader: ExtractTextPlugin.extract('style-loader', 'css-loader?sourceMap', 'less-loader')
}

减少文件内容：

@var-color: #000;

.app {
    padding: 20px;
    background-color: @var-color;
    border: 1px solid blue;
}

结果：

@var-color: #000;.app{padding:20px;background-color:@var-color;border:1px solid blue}

注意我需要按顺序加载所有这些。

任何帮助？

Answer 1

我不相信ExtractTextPlugin.extract接受第三个参数。我相信你必须使用Webpack糟糕的!语法将加载器链接在一起。

ExtractTextPlugin.extract('style-loader', 'css-loader?sourceMap!less-loader')