将所有较少的文件编译为单个css文件 - webpack

Question

我正在使用angular2-webpack-starter，我有一个文件夹assets\less，其中我保存了所有.less个文件。

在构建项目之后，我希望在dist文件夹中有单个css文件。

我找到了如何在组件装饰器中使用内联样式的示例，但我无法找到适用于我的案例的解决方案。 我想我必须再指定一个入口点，但这会创建.js文件而不是.css。

webpack是否适合这个？

Answer 1

您可以添加提取文本webpack插件，然后将其添加到您的加载器

    {
      test: /\.css$/,
      loader: ExtractTextPlugin.extract('style', 'css'),
      include: your path
    }

以下插件

 plugins: [
  new ExtractTextPlugin('[name].[chunkhash].css')
]