webpack重複打包同名依賴包

最近安裝了webpack-bundle-analyzer插件來分析打包構成，發現有一些包被重複的打包了多次，這樣會讓建構出來的包格外的臃腫。這主要是因為我們往往引用了很多的第三方包，而很多工具類的庫也會被别的包廂接的依賴，是以就導緻了重複打包的現象，例如下圖的immutable.js。

其實想解決也很簡單，在webpack的resolve下面添加如下配置：

alias: {
      'immutable': path.resolve(process.cwd(), 'node_modules', 'immutable'),
    },
           

resolve.alias的作用其實就是添加包的别名并強行指定引用統一路徑，配置完的效果如下，隻能看到一個immutable.js了。