VueJS 2：本地资产

Question

我用cli创建了一个项目，我在assets文件夹中生成了一些css和js文件。我正在尝试将它们添加到index.html文件中，但它会一直以404的形式返回。我是否需要添加本地css和javascript文件？

Answer 1

假设您正在使用网络包模板，请尝试/src/assets/...

中的index.html

Answer 2

在您的webpack配置文件中，您可以为assets文件夹添加别名：

module.exports = { 
  ...
  resolve: {
    alias: {
      'assets': path.resolve(__dirname, '../src/assets'),
    },
    ...
  },
  ...
},

然后，在您的应用程序中，您可以像这样引用此文件夹：

// in a .less file
@import "~assets/css/vars"

// in a .js file
require("assets/js/utils")