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

前端开发 小铁匠 2023-10-12

问题描述:在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


结束。

------ 本文结束 感谢阅读 ------
推荐阅读
在 JavaScript 中,计算两个数组的差集(即找出在数组 A 中但不在数组 B 中的元素)可以通过多种方式实现
前端开发 小铁匠 2025-02-14
js阻止图片拖拽
前端开发 2024-12-26
moment.js使用笔记
前端开发 2024-12-26
在css中使用中文时,有时会出现乱码的现象,比如在content属性中使用中文
前端开发 小铁匠 2024-12-16
vue引入axios出现Module parse failed: Unexpected token (5:2) 页面显示 Cannot GET /
前端开发 小铁匠 2024-08-03