在某位前輩的項目里面看到了這樣一句話：
- const WorkboxPlugin = require("workbox-webpack-plugin");
PWA
全稱 Progressive Web Application , 這是一項新的技術(shù)饶囚，可以在用戶進(jìn)入頁面的時候政恍，緩存頁面內(nèi)容程拭。當(dāng)服務(wù)器故障后讼渊，用戶重新進(jìn)入這個頁面的時候，可以利用緩存正常顯示頁面裕偿。
在webpack 里洞慎，可以使用 workbox-webpack-plugin 插件實現(xiàn)。
const WorkboxPlugin = require('workbox-webpack-plugin')
// 在 plugins 添加下列配置
new WorkboxPlugin.GenerateSw({
clientsClaim: true,
skipWaiting: true
})
更詳細(xì)的可以瀏覽博客https://www.cnblogs.com/lcosima/p/12342611.html
-
const isProd = process.env.NODE_ENV === 'production'
這個變量并不是 process.env 直接就有的嘿棘，而是通過設(shè)置得到的劲腿。
這個變量的作用是：我們可以通過判斷這個變量區(qū)分開發(fā)環(huán)境或生產(chǎn)環(huán)境。默認(rèn)是生產(chǎn)環(huán)境production蔫巩。
設(shè)置
上面是 webpack 官網(wǎng)的原話谆棱，當(dāng)我們設(shè)置 mode 為 development 或者 production時快压，webpack
會自動的進(jìn)行一些設(shè)置（當(dāng)然設(shè)置了模式以后，webpack會自動的為項目添加一些插件）
mode: development --> process.env.NODE_ENV = development
mode: production --> process.env.NODE_ENV = production
默認(rèn)情況下 --> process.env.NODE_ENV = production
更詳細(xì)的可以瀏覽博客https://www.cnblogs.com/usebtf/p/9912413.html
