angular 2网页包如何在不使用npm包的情况下引用本地js库

我以为这很容易，但我迷路了

我正在使用webpack构建angular 2应用程序，并在index.html中添加了以下内容：

<script src="./react-with-addons.min.js"></script>
<script src="./react-dom.min.js"></script>
<script type="text/javascript" src="./jnpr-vendors.min.js"></script>
<script type="text/javascript" src="./jnpr-components.min.js"></script>

我甚至创建了一个文件夹“dist”，并将这些js库放在该文件夹中，但仍然找不到

我记得WebPack服务器正在使用内存目录来存储js文件。但现在我如何在开发环境中引用一些本地文件呢

---

谢谢

我想您正在使用angular cli。 如果是这样，那么您需要将JS文件放在assets目录中。 然后在index.html中使用它，如下所示

assets/your-file.js

---

由于webpack仅允许提供位于assets文件夹中或angular cli.json中定义为assets的文件。

要告诉

webpack dev server

从何处提供静态文件，可以使用。默认情况下，它是当前目录

例如，如果您的库位于目录

assets

（相对于网页包配置），则配置如下所示：

devServer: {
  contentBase: path.resolve(__dirname, 'assets')
}

devServer: {
  contentBase: path.resolve(__dirname, 'assets')
}