找不到字体，vuejs 构建答案

【问题标题】：Font not found, vuejs build找不到字体，vuejs 构建
【发布时间】：2018-04-21 15:04:32
【问题描述】：

我在我的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/static/css/static/fonts/font

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

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

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

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

【问题讨论】：

标签： javascript webpack vue.js build core-ui

【解决方案1】：

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

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

main.js / app.js

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

【讨论】：