Webpack如何使用ExtractTextPlugin将多个css文件打包为多个，而非1个？

Question

比如我在Vue的入口js里引入了第三方的animate.css和自己写的main.css。通过webpack打包后，他自动把这两个css合并为一个了，我想分别打包，该如何写？

我的webpack涉及这部分的相关配置如下:

{
   test: /\.css$/,
   use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: 'css-loader',
   })
}

......省略一些代码......

plugins:[
   new ExtractTextPlugin('./css/[name].css',{
     allChunks:true
   }),
]

Answer 1

1. webpack 的 entry 只支持 js 文件
2. ExtractTextPlugin 每个 entry 只生成一个 css 文件（如果有 css 引用的话）

所以把不同的 css 放到多个 entry 中可以实现导出多个。

但是你可以写 webpack 插件让 entry 支持 css 文件，我们就这么做的，可参考这个回答：https://segmentfault.com/q/10...

Answer 2

这里有解决办法