webpack_（第二章）_淺析webpack打包輸出的內容

淺談webpack打包知識點
在上次完成webpack基本配置之後
運行npm run bundle 打包
可以看到在我們打包的時候，輸出了非常多的提示命令，那輸出的這些信息是什麼意思呢？

1.Hash： 對應的是本次打包唯一的Hash值
2.Version： 使用的是Webpack的版本
3.Time：當前這個包整體的打包耗時
4.Asset：下面有個index.js文件，表示我們打包出了一個index.js文件，Size指的是這個文件有1.06KiB，5.Chunks指的是：現在我們只打包出了一個文件，有的時候我們做複雜打包的時候，會打包出很多文件，每個文件都會有一個自己的id值，Chunts放置的不止是自己這個文件對應的id值，有可能index.js在大型項目中還和其他的一些js文件有關係，那麼其他的文件打包出來的js文件的id也放在Chunks中
6.Chunks Name指的是：Chunks裏面放置的是每個js文件的id，Chunks Names放置的是每個js文件對應的名字。
實際上，我們在配置文件中entry後面跟着字符串，實際上是main的簡寫


所以Chunks Name的name就是entry裏面配置的name
7. Entrypoint main = index.js: 顯示整個打包過程中入口文件是哪一個，接着會進行打包，首先打包index.js, 裏面會用到header.js。打包完成
8. WARNING in configguration 警告: 在webpack配置的時候，沒有指定打包的環境或者打包的模式
在webpack.config.js文件中：

module.exports = {
  mode: "production",  // 模式默認是 production，就不會出現警告了
  entry: {
    main: "./src/index.js"
  }
}

當mode設置爲production的時候，那麼打包出的文件就會被壓縮，如果mode設置爲developent，打包生成的文件不會被壓縮。