javascript - 找不到字体，vuejs构建

Question

我的 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

如果你们认为为了更好/更少而缺少一些脚本模棱两可的答案请告诉我，我会编辑它以包含它们。

Answer 1

删除您在 App.vue 中发布的与 Font Awesome 相关的所有内容。

在 main.js 或 app.js 内，执行以下操作。它应该开始构建得很好。

main.js/app.js

require('font-awesome/scss/font-awesome.scss')