首页 > 解决方案 > 将供应商文件导入 webpack 项目

问题描述

我有一个基于chrome 扩展 webpack 样板的项目。现在我想在我的一个 js 文件中使用interact.js库。我尝试了两种导入/引用库文件的方法,但都没有奏效:

1.用npm安装interact.js。现在我安装了节点模块,但不知道如何将功能导入到我的 ecmascript 6 文件中。我试过了:

import * as interact from "interact";
import "module-name";

2. 将 vendor 文件夹中的 interact.min.js 保存到我的 src 目录中,并将其直接引用到我的 html 文件中。这里的问题是,供应商文件夹没有被 webpack 复制到构建文件夹中。这会导致 html 文件找不到 interact.min.js 文件。

<script src="js/vendor/interact.min.js"></script>

如何导入和使用该库?

标签: javascriptwebpackimportreferencevendor

解决方案


推荐阅读