如何设置 webpack 以在 VS Code 中复制文件

Posted 2023-03-07

【中文标题】如何设置 webpack 以在 VS Code 中复制文件

【英文标题】：How to setup webpack to copy files in VS Code

【发布时间】：2017-12-11 10:54:11

【问题描述】：

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

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

npm install -g @angular/cli
ng new CyclingApp

这导致了以下文件结构：

我已经读到 node_modules 不应该被例如 script 标记引用以包含缩小的 .js 文件。

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

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

当我运行它时，我可以看到 webpack 处于活动状态，并且正在做一些事情（需要继续阅读更多内容）。

它从哪里得到这个构建命令？我也想去那里设置我的“复制命令”，但我没有看到任何 webpack.config.js 文件？

【参考方案1】：

您不需要将压缩文件复制到node_modules，因为 webpack 会自动为您完成这项工作。 webpack 不是像 gulp 或 grunt 那样的任务运行器，而是一个 asset bundler。

首先快速阅读ES6 modules，然后看看webpack works。

这就是 webpack 所做的非常简单的方式；

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

【讨论】：

感谢快速简单的概述

@monstertjie_za 完全没问题。