在vue cli3项目中包含我自己的js和css文件

Question

我有几个自定义构建的js和css文件，我想将它包含在我的vue cli3项目中。有没有办法将这些文件导入我的项目？

Answer 1

对于自定义js文件，将所有逻辑写入对象并将其导出到文件末尾：

const customJs = {
   /* custom javascript here */
}

export default customJs;

然后将其导入到您需要的位置：

import * as customJs from '../path/to/file.js'

对于自定义css文件，您可以在@import标记之间使用style，如下所示：

@import './../node_modules/foo/bar.css';

Answer 2

使用vue-cli创建项目时，可以使用预处理器。

或者，如果您不需要预处理器并且使用CSS模块，则可以使用此路由

至于JavaScript，如果您使用ES2016 / ES6只是使用语法，那么它非常简单

import tool from 'toolmodulename';

Answer 3

在main.js中试试这个

导入“path-your-css / your-css.css”;