vue-template-admin打包后背景图片资源找不到
程序员文章站
2022-04-30 14:46:59
...
方案一:
更改build/utils.js文件中ExtractTextPlugin的配置:
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
publicPath: '../../', // 配置publicPath
fallback: 'vue-style-loader'
})
} else {
return ['vue-style-loader'].concat(loaders)
}
方案二:
如果在项目中使用了MiniCssExtractPlugin
更改 build/utils.js 文件中generateLoaders方法
if (options.extract) {
loaders.push({
loader: MiniCssExtractPlugin.loader,
options: {
publicPath:'../../' // 配置publicPath
}
})
} else {
loaders.push('vue-style-loader')
}
推荐阅读
-
解决vue-cli webpack打包后加载资源的路径问题
-
基于vue打包后字体和图片资源失效问题的解决方法
-
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
-
解决vue-cli webpack打包后加载资源的路径问题
-
vue打包上线后静态资源报错
-
Linux服务器打包项目后,fastdfs配置文件找不到
-
Ionic资源路径问题(ionic3),ionic打包后找不到图片【避坑指南】
-
webpack+vuecli打包生成资源相对引用路径与背景图片的正确引用
-
vue打包后找不到资源路径问题
-
通过yeoman、gulp、angular编写前段时的html模板处理,打包后找不到html的问题解决_html/css_WEB-ITnose