javascript - 根据vue-cli改造多页架构，CSS无法提取公共模块

Question

参照了基于vue-cli脚手架修改而成的多页面(非SPA)项目脚手架

js可以正常提取公共模块，但是CSS无法提取公共模块，就是指打包以后，每个模块可以引入对应的css，比如index模块有index.css，about模块有about.css，但是如果两个模块里面同时引入了比如bootstrap.less或者weui.less这样的框架，那每个模块对应的css都会将框架打包一遍，而不是生成vendor.css。

按我理解，需要更改的文件应该就是webapck.base.conf，webpack.prod.conf和utils三个模块了，参考github上的其他多页架构，改了几次都没成功。

主要是个人对 Webpack 的 API 不够熟悉，Node 也才刚刚学起，希望有人可以指点一二。

Answer 1

css文件放到/static目录下试试。

另外我推荐用路由vue-router而不是自己改造出一个多页面的脚手架。

Answer 2

谢邀。
不是很清楚你所说的css无法提取公共模块。
如果是指每个页面只引入自己需要的css的话，在每个页面的entry的js文件里import对应页面的css文件，同时结合extract-text-webpack-plugin即可按页面打包出单独的css文件。