VueJS 2：本地资产答案

【问题标题】：VueJS 2: Local assetsVueJS 2：本地资产
【发布时间】：2017-10-18 23:41:21
【问题描述】：

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

【问题讨论】：

标签： vuejs2

【解决方案1】：

假设您使用的是 webpack 模板，请在 index.html 中尝试 /src/assets/...

【讨论】：

【解决方案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")

【讨论】：