参照了基于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 也才刚刚学起，希望有人可以指点一二。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
2
491
收藏
css文件放到
/static目录下试试。另外我推荐用路由
vue-router而不是自己改造出一个多页面的脚手架。谢邀。
不是很清楚你所说的
css无法提取公共模块。如果是指每个页面只引入自己需要的
css的话，在每个页面的entry的js文件里import对应页面的css文件，同时结合extract-text-webpack-plugin即可按页面打包出单独的css文件。