Javascript Webpack-将通用文件导入大型代码库的问题

我有一个名为“third_party.js”的文件，如下所示。我想把它带到一个现有的网页应用程序中，而不是使用导入或我的代码库中的要求-但网页只。正如你所看到的，生活需要窗口和美元才能工作。我的应用程序中有很多.btn可以点击，我希望有一个简单的方法从全球层面处理这个问题

第三方

---

您可以将此文件添加到网页的条目中

例如：

module.exports = {
    entry: [
        '/path/to/third_party.js',
        'path/to/original/file.js'
    ],
    output: {
        path: 'path/to/output/dir',
        name: 'bundle.js'
    },
    ...
};

在将Webpack包文件包含到Webpack输出之前，请确保已在页面上的脚本标记中加载jQuery

比如：

<script src="cdn.com/jquery.min.js"></script>
<script src="path/to/output/dir/bundle.js"></script>

---

不确定，但试试这个新的网页。ProvidePlugin{'window.third_party'：'path/to/third_party.js'；它正在将third_party.js脚本加载到捆绑包中，但是单击绑定似乎不起作用。我使用aureliajs作为框架。当我通过脚本输出到控制台$.btn时，它显示长度为0，即使我有一些.btn。如果我在加载页面后在控制台中键入$.btn，我会看到长度>0。听起来你的按钮是用Javascript注入的？如果是这种情况，您可以在aureliasjs添加按钮时将IIFE绑定到“完成”事件，或者将带有bundle.js的脚本标记放在文档的最末尾，例如在

<script src="cdn.com/jquery.min.js"></script>
<script src="path/to/output/dir/bundle.js"></script>