如何将自己的 css 和 js 文件添加到 Angular 2 App 的构建中？

Question

Angular 2 自动将 link 添加到 styles.css 的头部，并将一些脚本添加到 index.html.

的正文末尾

例如：

<script type="text/javascript" src="inline.bundle.js"></script>
<script type="text/javascript" src="polyfills.bundle.js"></script>
<script type="text/javascript" src="styles.bundle.js"></script>
<script type="text/javascript" src="vendor.bundle.js"></script>
<script type="text/javascript" src="main.bundle.js"></script>

在哪里可以配置 Angular 以将我自己的 .css 和 .js 文件添加到构建中？ P.S。我正在使用 CLI

Answer 1

打开 angular-cli.json 文件并找到 assets 数组。将链接推送到您希望 build 进程包含的文件中。

"assets": [
    "assets",
    "favicon.ico",
    "styles.css",
    "d3.js",
],

如何将自己的 css 和 js 文件添加到 Angular 2 App 的构建中？

How to add own css and js files to the build of Angular 2 App?

javascript

css

bundle

angular