Question

我在VS Code中开始了一个新的个人项目。我是VS Code和webpack的新手。

我通过运行以下命令创建了一个新的角度项目：

npm install -g @angular/cli
ng new CyclingApp

这导致了以下文件结构：

我已经读过node_modules永远不应该引用script标记来包含缩小的.js文件。

我想从node_modules中取出缩小的文件并将其放入公用文件夹，例如./scripts。

目前，当我想运行我的应用时，我使用以下命令ng serve --open。

当我运行它时，我可以看到webpack是活动的，并且正在做一些事情（需要更多地阅读）。

从哪里获取此构建命令？我想去那里设置我的'复制命令'，但是我没有看到任何webpack.config.js文件？

Answer 1

您无需将缩小的文件复制出node_modules，因为webpack会自动为您执行此操作。 webpack不是像 gulp 或 grunt 这样的任务运行器，而是资产捆绑器。

首先快速阅读ES6 modules然后查看webpack works的方式。

以非常简单的方式，这就是webpack的作用;

您可以定义一个配置文件，在其中指定应用的主文件。 Webpack将读取此文件并查找导入模块的任何import或require语句。如果它找到任何，它会将这些捆绑到一个文件中。对于包含的每个模块，它还会查找更多的import语句。