为您的项目设置Webpack
在此博客中，我将向您介绍如何为您的项目设置Webpack。 如果您想学习Webpack的基础知识以及为什么要使用它，可以观看下面的视频，然后再回来。 安装 为了在您的项目中本地安装webpack，您需要进入项目并运行npm init --yes命令。 npm init创建一个package.json文件，该文件存储许多信息，例如名称和版本号。 安装的npm软件包，依赖项，脚本等--yes标志允许您跳过执行npm init命令时询问的所有问题 cd项目名称 npm init --yes //创建package.json npm i -D webpack @ babel / core babel-loader webpack-cli路径 Babel允许我们用首选的编程语言或标记语言编写源代码，并将其由Babel转换为JavaScript ， JavaScript是现代Web浏览器可以理解的语言。 @babel/core是babel编译器核心。 babel-loader有助于将我们的js代码转换为ES5，因为并非所有浏览器都了解ES6。 webpack-cli是用于webpack的命令行工具。 path模块用于处理和转换文件路径。 您可以观看下面的教程视频以观看实际操作。 在package.json中添加脚本 现在让我们将这些自定义脚本添加到package.json文件中。 现在运行npm run dev 。 这将从src目录编译index.js文件，并在dist目录中创建main.js // package.json “脚本”：{ “ dev”：“ webpack --watch --mode = development”， “ prod”：“ webpack --mode = […]
