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

参照了基于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 也才刚刚学起,希望有人可以指点一二。

查看回复