Question

我使用角度CLI生成了一个角度应用程序。我正在尝试从node_modules管道（gulp term）文件到app / assets目录，这样我就可以在app文件夹中找到bootstraps css。首先我认为它是由Webpack完成的，所以我做了“ng eject”来获取ng-eject，但后来我得到了angular-cli.json的“资产”，现在看起来如下：

"assets": [
    "assets",
    "favicon.ico",
    { "glob": "**/*", "input": "../node_modules/bootstrap/dist/css/", 
    "output": "./assets/" }
  ]

哪个不起作用。

我已经习惯了咕噜咕噜地咕噜咕噜地说道，你可以专门指定哪些文件会被传送到哪些目录，而且我很难找到一个如何使用angular-cli来解决这个问题的答案。

使用angular-cli和webpack将css文件从node_modules移动到app / assets的正确方法是什么？

Answer 1

经过研究我得到以下结论...... Webpack与gulp / grunt不同，它不使用管道进行编译，也不会将文件传输到bundle文件夹，它使用加载器（css-loader，file-loader ...）和import语句将css直接加载到DOM中。 Angular-cli使用，因此在选择使用角度CLI时，管道策略无关紧要。然而，css加载（对于全局css和脚本）是通过使用angular-cli.json解决的，它使用scripts / style数组来保存全局脚本的路径，并将样式加载到索引html的头部。显然，如果你选择angular-cli，你会坚持使用这种策略，这种策略不那么灵活但更有信心。

使用angular-cli.json将文件从node_modules移动到资源

1 个答案: