我的 config/index.js
中有:
...
build: {
index: path.resolve(__dirname, 'dist/client.html'),
assetsRoot: path.resolve(__dirname, 'dist'),
assetsSubDirectory: 'static',
assetsPublicPath: '',
...
我的App.vue:
<style lang="scss">
/* Import Font Awesome Icons Set */
$fa-font-path: '~font-awesome/fonts/';
@import '~font-awesome/scss/font-awesome.scss';
...
</style>
在开发模式下一切正常,没有丢失 Assets 等...,一切都很好。
但是当我构建项目时,字体路径变成:
dist/static/css/static/fonts/font
这会导致给定资源出现 404 错误,因为我在 css
内没有文件夹,而且我不知道为什么要这样做。
请注意,我不希望它位于根目录中,例如:
assetsPublicPath: '/', // <-- don't want this since the project it's going to be in a subfolder
如果你们认为为了更好/更少而缺少一些脚本 模棱两可的答案请告诉我,我会编辑它以包含它们。
最佳答案
删除您在 App.vue
中发布的与 Font Awesome
相关的所有内容。
在 main.js
或 app.js
内,执行以下操作。它应该开始构建得很好。
main.js/app.js
require('font-awesome/scss/font-awesome.scss')
关于javascript - 找不到字体,vuejs构建,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49957104/