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")