vue 打包路径设置
- vue打包默认路径
- css中图片路径等
- 线上不显示工程源码
vue打包默认路径
1.vue打包之后的默认路径是从根目录开始算的,如果你的项目并不是根目录,而是子目录,这种设置就会导致路径错误,
解决方法:修改config/index.js下面的代码,将assetsPublicPath: '/'跟路径修改为assetsPublicPath: './'当前文件夹路径
css中图片路径等
解决之后,发现组件中的css的背景图片路径不对,无论放到static还是assets里面,最后解析出来的都是/static/img/static/img/…; 很显然最后的结果图片都会打包进static里面,路径也会修改为根路径,但是在css中被当做是相对路径了
解决方法:修改在build/utils.js中代码,添加路径为…/…/;解析之后会变成…/…/static/xxx…,相当于将文件目录前移两层文件夹再向下获
if (options.extract) {return ExtractTextPlugin.extract({use: loaders,fallback: 'vue-style-loader',publicPath: '../../'})}
线上不显示工程源码
productionSourceMap:false, // 设置上线后是否加载webpack文件