VueJS 2：本地資產

Question

我用cli創建了一個項目，並且在生成的assets文件夾中有一些css和js文件。我試圖將它們添加到index.html文件中，但它始終以404的形式回來。是否有另一種方法需要添加我的本地css和JavaScript文件？您正在使用的WebPack模板

Answer 1

假設，嘗試在index.html

Answer 2

/src/assets/...在你的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")