vue-cli2项目webpack3 和webpack4环境中:Element-UI在vue项目中,打包build后字体、图标丢失(亲测可解决)

vue-cli2项目webpack3 和webpack4环境中:webpack3 和webpack4中:Element-UI在vue项目中,打包build后字体、图标丢失

应用场景:

F12报错提示:

问题原因:

(1)查看 /build/webpack.base.conf.js 文件可以发现,woff 或 ttf 这些字体会经由 url-loader 处理后在 static/fonts 目录下生成相应的文件。

vue-cli2项目webpack3 和webpack4环境中:Element-UI在vue项目中,打包build后字体、图标丢失(亲测可解决)_第1张图片

(2)也就是说实际应该通过 /static/fonts/** 路径来获取字体图标,而实际却是请求 /static/css/st

你可能感兴趣的:(Element-UI,vue.js,javascript)