webpack4.0

1. webpack 剛開始是js的模塊打包，如今是一個任何模塊打包工具  能夠識別 CommonJS引入規範     CMD AMD

2. commonJS：  module.exports   require()

3. webpack 若是安裝全局 會不利於各個項目的切換和項目間的依賴

4.目錄下新建webpack.config.js

 

靈魂三問：  webpack是什麼  模塊是什麼  webpack配置文件做用是什麼

module  rule裏的loader是什麼  plugin是什麼

 

插件：

htmlWebpackPlugin 會在打包結束後 自動生成一個html文件 並把打包生成的js自動引入到html文件中

babel是一個js編譯器

　　能夠把ES6轉換成ES5

　　能夠用polyfill在目標環境中添加缺失特性 (經過 @babel/polyfill模塊)   

 

5. webpack  的tree shaking 按需加載