1.使用vue-cli构建项目打包后字体引用路径不对
打包之前
的文件目录:
打包之后的文件目录:
dist ├── index.html └── static ├── fonts├── css ├── img └── js
使用 vue build 之后做网站请求,发现 woff 字体无法获取,调试发现:
真实路径应该是
xxx/static/fonts/icomoon.0125455.woff
浏览器实际加载路径为:
xxx/static/fonts/icomoon.0125455.woff
浏览器实际加载路径为:
xxx/static/css/static/fonts/
icomoon.0125455.woff
解决方法:
webpack 配置问题
在 build/webpack.prod.conf.js 中 extract :true 改为 fasle即可。
module: {
rules: utils.styleLoaders({
sourceMap: config.build.productionSourceMap,
extract: false
})
},
地址:https://github.com/iview/iview/issues/515