javascript - 找不到字体，vuejs 构建

Question

我在我的config/index.js：

...
build: {
    index: path.resolve(__dirname, 'dist/client.html'),
    assetsRoot: path.resolve(__dirname, 'dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '',
...

我的应用程序.vue：

<style lang="scss">
  /* Import Font Awesome Icons Set */
  $fa-font-path: '~font-awesome/fonts/';
  @import '~font-awesome/scss/font-awesome.scss';
  ...
</style>

在开发模式下一切正常，没有丢失资产等......一切都很好。

但是当我构建项目时，字体路径变为：

dist/静态/css/静态/字体/字体

这会导致给定资产出现 404 错误，因为我在 ths 中没有文件夹，css而且我不知道为什么要这样做。

请注意，我不希望它位于根目录中，例如：

assetsPublicPath: '/', // <-- don't want this since the project it's going to be in a subfolder

如果你们认为缺少一些脚本以获得更好/不那么模棱两可的答案，请告诉我，我会对其进行编辑以包含它们。

Answer 1

删除您发布的App.vue与Font Awesome.

在main.jsorapp.js中，执行以下操作。它应该开始构建良好。

main.js / app.js

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