簡易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