vue+elementui项目打包后部署到测试环境icon全部丢失【element-ui】大版本升级element-ui后，icon全部丢失

codeRainbow

已于 2022-12-15 16:56:51 修改

阅读量2k

点赞数 2

文章标签： vue.js elementui ui

于 2022-12-15 16:54:34 首次发布

本文链接：https://blog.csdn.net/codeRainbow/article/details/128332224

版权

问题：vue+elementui项目打包后部署到测试环境icon全部丢失【element-ui】大版本升级element-ui后，icon全部丢失
解决办法及原因：
elementui在2.12版本中icon数量较之2.4.9版本的扩展2倍不止。原来webpack中对于字体loader的限制是limit<10000，就会将字体转换为base64，2.12版本中字节已经超过10000，所以没有被打包，进而直接请求改字体。解决办法是，去除limit限制，强制对所有的字体文件，进行base64转换

{
                test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
                loader: 'url-loader',
                options: {
                    // limit: 10000,
                    name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
                }
            }