前端离线访问pwa技术 离线访问的webpack的配置

//开发环境的配置
//resolve用来拼接绝对路劲的方法
//const resolve = require("path")
//const HtmlWebpackPlugin=require('html-webpack-plugin');
///引入这个环境变量
const workboxWebpackPlugin=reuqire('workbox-webpack-plugin')
//设置node环境变量
// process.env.NODE_ENV="development";//开发环境

/* 
PWA ：渐进式网络应用程序  （离线可访问）
workbox --> workbox-webpack-plugin
*/
moduel.exports={
        //单入口文件
        entry:"./src/index.js",
    //输出
    output:{
        //[name]:取文件名
            filename:"js[name].[contenthash:10].js",
        //输入路经
        //_dirname node.js的变量 ，代表当前文件的目录绝对路劲
            path:resolve(_dirname,'build')
    },
    //plugins的配置
    plugins:[
            //详细plugins的配置
            new HtmlWebpackPlugin({
                template:"./src/index.html",
                //html压缩
                minify:{
                    //移除空格
                    collapseWhitespa