Vue 打包后bootstrap icon 图标不显示了

简介: 在Vue脚手架项目中使用bootstrap icon图标,dev模式正常,打包后图标不显示了

问题描述:在Vue脚手架项目中使用bootstrap icon图标,dev模式正常,打包后图标不显示了

如图
停止1.png

开始1.png

处理方法:

build/webpack.prod.conf.js中把 extract:true 改为 false

module: {
        rules: utils.styleLoaders({
            sourceMap: config.build.productionSourceMap,
            extract: false, // 原为 true
            usePostCSS: true
        })
    },

修改后重新打包,然后图标正常显示了。

停止2.png

开始2.png

结束。

相关文章
|
3天前
|
JavaScript
vue3 使用element plus 打包时 报错
vue3 使用element plus 打包时 报错
37 0
|
3天前
|
JavaScript 前端开发
Vue使用Element实现增删改查+打包
Vue使用Element实现增删改查+打包
24 0
|
3天前
|
移动开发 JavaScript 应用服务中间件
vue打包部署问题
Vue项目`vue.config.js`中,`publicPath`设定为"/h5/party/pc/",在线环境基于打包后的`dist`目录,而非Linux的`/root`。Nginx代理配置位于`/usr/local/nginx/nginx-1.13.7/conf`,包含两个相关配置图。
vue打包部署问题
|
3天前
|
JavaScript 前端开发
iconfont 图标在vue里的使用
iconfont 图标在vue里的使用
18 0
|
3天前
|
JavaScript 前端开发
总结 Vue3 的一些知识点:Vue3 项目打包
总结 Vue3 的一些知识点:Vue3 项目打包
|
3天前
|
资源调度 JavaScript 前端开发
vue3怎么调用vant中的icon组件
vue3怎么调用vant中的icon组件
23 4
|
3天前
vue3打包war压缩包配置
vue3打包war压缩包配置
20 0
|
3天前
|
JavaScript 测试技术
vue不同环境打包环境变量处理
vue不同环境打包环境变量处理
36 0
|
3天前
|
JavaScript
如何让vue项目打包出来之后更加小巧?
如何让vue项目打包出来之后更加小巧?
|
3天前
|
JavaScript 测试技术 iOS开发
vue element plus Icon 图标
vue element plus Icon 图标
41 0