參照了基于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上的其他多頁架構(gòu),改了幾次都沒成功。主要是個人對 Webpack 的 API 不夠熟悉,Node 也才剛剛學起,希望有人可以指點一二。
根據(jù)vue-cli改造多頁架構(gòu),CSS無法提取公共模塊
桃花長相依
2018-09-10 13:23:34