怎样处理vue打包项目中的图片,静态css,js不能接见途径题目

1.在誊写代码的时刻根据相对途径引入；

1. 然则webpack+vue-cli 默许打包的css,js 等资本的途径是相对的；

现实写的代码

3.webpack 打包编译后的途径是如许的；打包编译以后的途径是相对途径；当布置到带有文件夹的项目中就会报错，由于把设置的static 文件当成了根途径；
处理办法： 引入相对途径；
翻开build/webpack.prod.conf.js

output: {
path: config.build.assetsRoot,
filename: utils.assetsPath('js/[name].[chunkhash].js'),
chunkFilename: utils.assetsPath('js/[id].[chunkhash].js'),
publicPath: './'
},

4.实行打包敕令，发明处理了css,js img图片的途径题目，然则没有处理背景图片的途径题目，下面我们处理背景图片的题目
修正build/utils.js

if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath: '../../'
})
} else {
return ['vue-style-loader'].concat(loaders)
}


再次实行打包敕令，发明圆满处理题目；
职场小白south Joe，望列位大神批评指正，祝人人进修兴奋！