webpack构建项目（一）框架搭建

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/

1.3 什么是webpack？

Webpack是一个模块打包器(bundler)。

前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理。
它将根据模块的依赖关系进行静态分析，生成对应的静态资源。