Vuejs 2包括资产

Question

我刚开始使用VueJS，并且正在尝试包含一个外部JS库，以便在我的组件中使用。

我已经下载了缩小的JS文件并放在我的资产目录中。如何编译我的组件以包含此库，以便我可以在组件代码中使用它？我还希望包含资产目录中的CSS文件。

我搜索了Vue文档但找不到我的问题的答案，非常感谢任何帮助。

到目前为止，我的猜测是我必须编辑webpack文件？

谢谢！

Answer 1

首先，您需要将外部文件导入/要求输入到vue组件

component.js 

const external = require('../to/external_lib.min.js');

... declare Vue component as normal

用于导入外部CSS;
或者说将css导入组件，您需要通过添加css-loader和style-loader来更改您的网络包配置 （即npm i --save css-loader style-loader）;

之后在component.js

中

component.js

const external = require('../to/external_lib.min.js');

import '../to/component.css';

... declare Vue component as normal

没有更多信息，比如你的js文件或项目设置，我无法提供更详细的信息。