一、webpack4初識
1.首先先了解幾個規範
ES規範，導出：export default Header;
導入：import Header from ‘./header.js’;
CommonJS規範，導出：module.exports = Header;
導入：var header = require('./header.js');
其他規範CMD,AMD
2.給出一個小的項目
如果該項目不用webpack打包根本並不會正確運行，因爲瀏覽器並不會識別導入導出的js語法，但是webpack可識別這些語法
首先 npm init 初識化項目，然後npm install webpack webpack-cli -D/--save-dev 進行安裝webpack
將index.js文件打包，npx webpack index.js
這時候在導入生成的dist目錄下的main.js即可正常運行項目
但是就會有人說了，那webpack不就是js的翻譯器麼，這樣說其實是誇大了他的功能，因爲他只能識別很少部分js
二、webpack的安裝
1.全局安裝：npm install webpack webpack-cli -g
缺點：一旦全局安裝，如果一個項目webpack3，一個項目webpack4 有一個項目就跑不起來了
在項目中安裝npm install webpack webpack-cli -D/--save-dev
2.小點補充：（1）npm info webpack 可以車看webpack中所有的版本
（2）npm install webpack@xxxxx webpack-cli -D版本號安裝
（3）一般github的項目中都沒有node_moudle文件，想讓項目跑起來，在項目中執行命令 npm install 即可
三、簡單利用webpack配置文件
配置文件webpack.config.js和package.js文件的配置和修改，以及目錄結構的變化
修改了package.js中的scripts中的啓動命令後就不用npx webpack 了用npm run boundle 即可
補充，上邊的入口配置實際是簡寫，寫全是main：xxx，然後模式默認爲mode：production （js文件壓縮形式） mode：development（js不壓縮）
