1,npm run build 出现报错 Failed to load resource: net::ERR_FILE_NOT_FOUND
由于相对路径和绝对路径的问题的需要在config中的index.js 修改
build: {
index: path.resolve(__dirname, '../dist/index.html'),
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
// 这里路径改为assetsPublicPath: './',
assetsPublicPath: './',
// 默认
// productionSourceMap: true,
// 关闭.map后缀的文件,这里改为false
productionSourceMap: false,
}
2设置公共路径
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath: '../../'
})
} else {
return ['vue-style-loader'].concat(loaders)
}
3style样式
添加scoped可以是样式只作用于自身