Javascript Webpack-在Angular 2中调用外部JS

我想从systemJS交换到webpack。除了让我的一个外部脚本再次运行外，大多数设置似乎都正常工作

以前使用systemJS时，我有一个在index.html中导入外部.js脚本的设置

在我的angular service中，我可以通过执行以下操作与该脚本交互-

declare var ExternalCode: any;
.
.
.
ExternalCode.RunProcess(data, infomation);

在webpack中，我现在有3个文件被导出并注入我的index.html-app.js、vendor.js和polyfills.js。在我的供应商文件中，我像这样导入代码

import "./AppScripts/ExternalCode";

如果我查看vendor.js，我会看到我的外部代码是这样包装的

(function(module, exports, __webpack_require__) {

   eval( EXTERNAL CODE IS ALL HERE );
})

我似乎无法理解的是，我现在如何从我的服务中的webpack vendor.js包调用外部代码。在angular 2服务中现在是否有导入/运行代码的方法

---

我也尝试过在index.html文件中再次导入脚本，但在webpack dev服务器上，当我使用IIS Express和SystemJS运行项目时，它总是会从现有路径抛出一个404。

找到了如何使其与我以前使用SystemJS时的工作方式相同的方法。如上所述，在vendor.ts中导入脚本，使其包含在webpack dev服务器中

import "./externaljs/ExternalCode.js";

不要将导入视为位于index.html的相对位置，只需像这样传递完整路径即可-

<script src="./src/externaljs/ExternalCode.js"></script>

---

为什么不尝试

angular cli

？它将为您处理所有的

网页仪式

。