Question

使用Laravel Mix，我无法安装Element UI来正确找到字体路径。它返回字体路径的相对URL，而不是从根目录开始。我正在使用Element UI v2.9.1和Vue 2.6.10

我已经尝试自己在自定义SASS主题中设置字体路径，并使用Mix复制字体目录

.js([
        'resources/js/backend/before.js',
        'resources/js/backend/app.js',
        'resources/js/backend/after.js'
    ], 'js/backend.js')

这是在我的webpack.mix.js

中

import 'element-ui/lib/theme-chalk/index.css';
import locale from 'element-ui/lib/locale';
import lang from 'element-ui/lib/locale/lang/en';

window.Vue = Vue;
locale.use(lang);
Vue.use(ElementUI, { locale })

这就是我的app.js中的内容

无论我访问网站上的哪个页面，请求的URL都已经是

http://example.test/admin/my-uri/fonts/vendor/element-ui/lib/theme-chalk/element-icons.ttf?732389ded34cb9c52dd88271f1345af9

但是字体已正确部署到public/fonts/vendor/element-ui

Answer 1

运行...

npm i element-ui

在/resources/js/app.js

require('./bootstrap');

window.Vue = require('vue');
require('element-ui');

在/resources/sass/app.scss

@import '~element-ui/lib/theme-chalk/index.css';

运行...

npm run prod

不要在webpack.mix.js内部进行任何导入。

元素UI默认主题在NPM上使用不正确的字体路径

1 个答案: