如何在不在index.html中添加脚本标记的情况下使用JavaScript文件？

Question

在生产模式下，我必须从dist文件夹提供我的文件。我的node_module文件夹位于dist文件夹之外。

当我将<script src="node_modules/jquery/jquery.min.js" />放入index.html时，由于我正在从dist文件夹提供文件，因此无法找到该文件。当我在vendor.ts中导入jQuery时，它不起作用。

如何在index.html?

中使用脚本标记不使用

Answer 1

如果导入jquery文件：

import * as $ from "jquery";
// use $

然后webpack会捆绑它，因为你不需要输入脚本标签。

Answer 2

每个JavaScript都需要脚本标记

假设您有以下目录结构

node_modules /

DIST /

...的index.html

并且您希望从index.html中的node_modules /加载jquery。那么你的脚本标签应该是

 <script src="../node_modules/jquery/dist/jquery.js"></script>