webpack

• 開發(fā)、生產(chǎn)環(huán)境配置不同的webpack配置文件

• 生產(chǎn)環(huán)境刪除devServer（不需要啟webpack devServer）
  
  

• 告訴webpack，生產(chǎn)、開發(fā)分別要對(duì)應(yīng)哪個(gè)配置文件
  

• 開發(fā)環(huán)境下也能看到打包的結(jié)果 npm run dev:build
  

• npm run dev 只會(huì)把打包生產(chǎn)的文件放在內(nèi)存里，這樣讀寫的速度會(huì)比較快，是看不到dist文件夾的

• 安裝wepack-merge 將dev.js 與 prod.js里重復(fù)的部分放在base.js里

• 在dev.js 與 prod.js里引入base.js導(dǎo)出的
  
  
  
  

• 不同版本的寫法不同
  
  webpack定義、配置文件
  

總結(jié)

以上是生活随笔為你收集整理的性能优化杂记的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。