本地项目显示正常,打包部署后ElementUI重点饿图标全部显示异常为小方框

我出现这个问题是因为更新升级了ElementUI的版本,所以打包时的配置不支持了

如果ElementUI所有的图标都显示异常就是打包配置的问题,如果是个别的问题,和图标加载大小的限制有关

修改路径: build\utils.js

在 cssLoaders 方法中找 generateLoaders 函数

原来的逻辑

修改为:

添加 publicPath 路径

javascript 复制代码
if (options.extract) {
        return [{
            loader: MiniCssExtractPlugin.loader,
            options: { publicPath: '../../' }
        }].concat(loaders)
    } else {
        return ['vue-style-loader'].concat(loaders)
    }
复制代码
相关推荐
xkxnq几秒前
第四阶段:Vue 进阶与生态整合(第 48 天)(Vue 与 Axios 整合:实现 HTTP 请求的封装与拦截)
前端·vue.js·http
CappuccinoRose13 分钟前
React框架学习文档(三)
前端·react.js·ui·数组·标签·属性·jsx
LBJ辉17 分钟前
CSS - code
前端·css
旭日初扬17 分钟前
N32H762IIL调试中遇到的错误
前端
辰风沐阳19 分钟前
ES6 新特性: 解构赋值
前端·javascript·es6
猫头鹰源码(同名B站)20 分钟前
基于django+vue的时尚穿搭社区(商城)(前后端分离)
前端·javascript·vue.js·后端·python·django
weixin_4277716126 分钟前
npm 绕过2FA验证
前端·npm·node.js
零基础的修炼32 分钟前
算法---常见位运算总结
java·开发语言·前端
wuhen_n1 小时前
@types 包的工作原理与最佳实践
前端·javascript·typescript
我是伪码农1 小时前
Vue 1.27
前端·javascript·vue.js