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>

当处于开发模式时，它没事，没有丢失资产等等......一切都很好。

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

DIST /静态/ CSS /静态/字体/字体

这导致给定资产出现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')

找不到字体，vuejs构建

1 个答案:

main.js / app.js