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


结束。

------ 本文结束 感谢阅读 ------
推荐阅读
vue组件间方法调用
前端开发 小铁匠 2019-03-26
vue引入axios出现Module parse failed: Unexpected token (5:2) 页面显示 Cannot GET /
前端开发 小铁匠 2024-08-03
vue中使用axios发送请求封装,首先确保你的vue项目中已经安装了axios
前端开发 小铁匠 2019-03-12
vue中使用jquery发送ajax请求封装
前端开发 小铁匠 2019-03-12
有时候我们不希望网站的内容被直接复制走,希望可以禁用右键和禁止复制,我们可以这样做
前端开发 小铁匠 2018-09-17