vue.js - vue-cli项目打包后图片，字体文件路径都失效了，求指点！

问题描述

问 题

打包webpack配置

项目中引用的路径

打包以后资源引用路径

解决方案

1写个 alias
resolve: {
alias: {
'assets': path.resolve(__dirname, '../src/assets'),
}
}
2
// url-loader配置
// build/webpck.base.conf.js
{
test: /.(png|jpe?g|gif|svg)(?.*)?$/,
loader: 'url-loader',
query: {

limit: 10000,
name: utils.assetsPath('img/[name].[hash:7].[ext]')

}
3
index.js
assetsDubDirectory:'static',
assetsPublicPath:'/'

这篇关于vue.js - vue-cli项目打包后图片，字体文件路径都失效了，求指点！的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！