简易webpack 入门

webpack 模块打包机
做用：将浏览器不识别的语言转化成浏览器识别的语言
工做流程
经过一个入口文件 找到这个入口文件所依赖的全部模块，将这些文件打包成一个或多个文件
如何使用:
一、安装
cnpm i webpack@3.5.3 -g (全局)

二、 a、初始化仓库 npm init -y
b、cnpm i webpack@3.5.3 --save-dev(局部安装，只须要在使用webpack的文件夹中安装便可)
三、建立一个文件 webpack.config.js //配置文件
四、 安装 一些包
a、首先安装这些包 npm一次性安装多个依赖模块，模块之间用空格隔开
　 　npm install --save-dev @babel/core babel-loader @babel/preset-env @babel/preset-react
　
　　 b、处理css的loader
npm install --save-dev style-loader css-loader sass-loader node-sass
五、 使用插件plugin
cnpm i html-webpack-plugin --save-dev //做用帮咱们生成一个与src平及的模板
6/建立服务器 热更新
cnpm i webpack-dev-server@2 --save-dev