如何设置 webpack 以在 VS Code 中复制文件
How to setup webpack to copy files in VS Code
我在 VS Code 中开始了一个新的个人项目。我是 VS Code 和 webpack 的新手。
我通过 运行 执行以下命令创建了一个新的 angular 项目：
npm install -g @angular/cli
ng new CyclingApp
这导致了以下文件结构：
我读到 node_modules 不应该被引用，例如 script 标签包含缩小的 .js 文件。
我想从 node_modules 中取出压缩后的文件并将其放入 public 文件夹中，例如 ./scripts.
目前，当我想要 运行 我的应用程序时，我使用以下命令 ng serve --open。
当我 运行 这样做时，我可以看到 webpack 处于活动状态，并且正在做一些事情（需要进一步阅读）。
它从哪里得到这个构建命令？我也想去那里设置我的 'copying commands'，但是我没有看到任何 webpack.config.js 文件？
你不需要复制缩小的文件 node_modules 因为 webpack 会自动为你做这件事。 webpack 不是像 gulp 或 grunt 这样的任务运行器，而是 资产打包器 .
首先快速阅读ES6 modules then look at how webpack works。
这就是 webpack 所做的非常简单的方式；
您定义一个配置文件，在其中指定应用程序的 main 文件。 Webpack 将读取此文件并查找任何导入模块的 import 或 require 语句。如果确实找到任何内容，那么它将把它们捆绑到一个文件中。对于包含的每个模块，它还会查找更多导入语句。
我在 VS Code 中开始了一个新的个人项目。我是 VS Code 和 webpack 的新手。
我通过 运行 执行以下命令创建了一个新的 angular 项目：
npm install -g @angular/cli
ng new CyclingApp
这导致了以下文件结构：
我读到 node_modules 不应该被引用，例如 script 标签包含缩小的 .js 文件。
我想从 node_modules 中取出压缩后的文件并将其放入 public 文件夹中，例如 ./scripts.
目前，当我想要 运行 我的应用程序时，我使用以下命令 ng serve --open。
当我 运行 这样做时，我可以看到 webpack 处于活动状态，并且正在做一些事情（需要进一步阅读）。
它从哪里得到这个构建命令？我也想去那里设置我的 'copying commands'，但是我没有看到任何 webpack.config.js 文件？
你不需要复制缩小的文件 node_modules 因为 webpack 会自动为你做这件事。 webpack 不是像 gulp 或 grunt 这样的任务运行器，而是 资产打包器 .
首先快速阅读ES6 modules then look at how webpack works。
这就是 webpack 所做的非常简单的方式；
您定义一个配置文件，在其中指定应用程序的 main 文件。 Webpack 将读取此文件并查找任何导入模块的 import 或 require 语句。如果确实找到任何内容，那么它将把它们捆绑到一个文件中。对于包含的每个模块，它还会查找更多导入语句。