vue.config.js(2)初窥门径

在某位前辈的项目里面看到了这样一句话：

1. const WorkboxPlugin = require("workbox-webpack-plugin");
   PWA
   全称 Progressive Web Application , 这是一项新的技术，可以在用户进入页面的时候，缓存页面内容。当服务器故障后，用户重新进入这个页面的时候，可以利用缓存正常显示页面。

在webpack 里，可以使用 workbox-webpack-plugin 插件实现。

const WorkboxPlugin = require('workbox-webpack-plugin')
// 在 plugins 添加下列配置
    new WorkboxPlugin.GenerateSw({
      clientsClaim: true,
      skipWaiting: true
    })

更详细的可以浏览博客https://www.cnblogs.com/lcosima/p/12342611.html

2. const isProd = process.env.NODE_ENV === 'production'
   这个变量并不是 process.env 直接就有的，而是通过设置得到的。
   这个变量的作用是：我们可以通过判断这个变量区分开发环境或生产环境。默认是生产环境production。

   
   设置
   

   上面是 webpack 官网的原话，当我们设置 mode 为 development 或者 production时，webpack
   会自动的进行一些设置（当然设置了模式以后，webpack会自动的为项目添加一些插件）

mode: development --> process.env.NODE_ENV = development
mode: production --> process.env.NODE_ENV = production
默认情况下 --> process.env.NODE_ENV = production

更详细的可以浏览博客https://www.cnblogs.com/usebtf/p/9912413.html