webpack入门基本配置参考：https://www.webpackjs.com/guides/
vue多页配置参考：https://www.cnblogs.com/xiyangcai/p/8609773.html
vue多页面脚手架示例：https://github.com/zhangwanging/MultiPageScaffold
资源等路径问题：https://www.cnblogs.com/qiuyueding/p/8953396.html
vue多页面配置
-
配置入口和出口，一个页面即一个html一个js入口文件依赖图
-
publicPath: '../../' //一般为图片等相对路径资源目录，相对输出的html页面(这个要设置)
-
配置html-webpack-plugin插件，关联html文件与js入口文件
-
最后配置devServer的contentBase: './dist'
-
注意：以上配置为基础配置，开发和生产环境共用。限制了只有main.js文件名作为入口文件才有效！
-
出错示例
chunks: ['manifest', 'vendor', path] // 必须先引入公共依赖,否则打包报错，webpackJsonp is not defined
网友评论