本文是webpack构建项目的入门教程，首先介绍了准备工作，包括安装Node.js、使用cnpm和创建VScode项目。接着，讲解了新建工程的步骤，包括生成package.json和安装webpack。然后，阐述了webpack的基本概念，特别是配置文件的五大核心：entry、output、module、plugins和mode。最后，展示了如何配置webpack.config.js文件，为后续的项目构建打下基础。
0. 准备工作
1 ）Windows 操作系统
2 ）下载nodejs环境 (官网 ：https://nodejs.org/zh-cn/）
3 ）淘宝镜像源 （控制台执行命令：npm install -g cnpm --registry=https://registry.npm.taobao.org）
4 ）VScode编码环境
1.新建工程
1.1 打开VScode 新建文件夹WebpackTemp，在控制台执行
npm init -y
生成默认 package.json 配置文件；（package.json 是项目的清单，用于存储与项目有关的元数据以及存储依赖项包列表。）
1.2 利用 cnpm 安装 webpack
cnpm i --save-dev webpack
新建 webpack.config.js；（用于配置 webpack 的运行方式）
webpack中文文档： https://doc.webpack-china.org/
最低0.47元/天 解锁文章
扫一扫
778
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
