https://www.jianshu.com/p/df4eea01d01c?from=timeline查看具体流程
我们在项目完成后使用npm install webpack -g(全局安装webpack),npm run build 会生成一个dist目,做以下调整。
容易出错的路径问题
1.config文件夹下的index.js,修改build下的public,改为./
2. webpack.base.conf.js修改打包图片的最大像素设置(图片很容易出现加载不出来的情况)
3.publicPath: 作用是设置打包过程中提取css的方法
4,新增一个vue.config.js,配置
5.在路由里面设置一个history模式
6.路径的问题,如果图片没有超过限制的范围大小,没有显示的话,那就修改路径类型