.yo-rc.json

{
  "ninjafirewall-config-browser": {
    "configuration": {
      "config": {
        "configName": "config",
        "topScope": [
          "const path = require('path');",
          "const webpack = require('webpack');",
          "\n",
          "/*\n * SplitChunksPlugin is enabled by default and replaced\n * deprecated CommonsChunkPlugin. It automatically identifies modules which\n * should be splitted of chunk by heuristics using module duplication count and\n * module category (i. e. node_modules). And splits the chunks…\n *\n * It is safe to remove \"splitChunks\" from the generated configuration\n * and was added as an educational example.\n *\n * https://webpack.js.org/plugins/split-chunks-plugin/\n *\n */",
          "/*\n * We've enabled Postcss, autoprefixer and precss for you. This allows your app\n * to lint  CSS, support variables and mixins, transpile future CSS syntax,\n * inline images, and more!\n *\n * To enable SASS or LESS, add the respective loaders to module.rules\n *\n * https://github.com/postcss/postcss\n *\n * https://github.com/postcss/autoprefixer\n *\n * https://github.com/jonathantneal/precss\n *\n */",
          "const autoprefixer = require('autoprefixer');",
          "const precss = require('precss');",
          "\n",
          "/*\n * We've enabled MiniCssExtractPlugin for you. This allows your app to\n * use css modules that will be moved into a separate CSS file instead of inside\n * one of your module entries!\n *\n * https://github.com/webpack-contrib/mini-css-extract-plugin\n *\n */",
          "const MiniCssExtractPlugin = require('mini-css-extract-plugin');",
          "\n",
          "/*\n * We've enabled TerserPlugin for you! This minifies your app\n * in order to load faster and run less javascript.\n *\n * https://github.com/webpack-contrib/terser-webpack-plugin\n *\n */",
          "const TerserPlugin = require('terser-webpack-plugin');",
          "\n",
          "const workboxPlugin = require('workbox-webpack-plugin');",
          "\n"
        ],
        "webpackOptions": {
          "mode": "'development'",
          "plugins": [
            "new webpack.ProgressPlugin()",
            "new MiniCssExtractPlugin({ filename:'main.[chunkhash].css' })",
            "new workboxPlugin.GenerateSW({\n\t\t\tswDest: 'sw.js',\n\t\t\tclientsClaim: true,\n\t\t\tskipWaiting: false,\n\t\t})"
          ],
          "module": {
            "rules": [
              {
                "test": "/.(js|jsx)$/",
                "include": [],
                "loader": "'babel-loader'"
              },
              {
                "test": "/.css$/",
                "use": [
                  {
                    "loader": "MiniCssExtractPlugin.loader"
                  },
                  {
                    "loader": "\"style-loader\""
                  },
                  {
                    "loader": "\"css-loader\"",
                    "options": {
                      "importLoaders": 1,
                      "sourceMap": true
                    }
                  },
                  {
                    "loader": "\"postcss-loader\"",
                    "options": {
                      "plugins": "function () {\n\t\t\t\t\t\t\treturn [\n\t\t\t\t\t\t\t\tprecss,\n\t\t\t\t\t\t\t\tautoprefixer\n\t\t\t\t\t\t\t];\n\t\t\t\t\t\t}"
                    }
                  }
                ]
              }
            ]
          },
          "optimization": {
            "minimizer": [
              "new TerserPlugin()"
            ],
            "splitChunks": {
              "cacheGroups": {
                "vendors": {
                  "priority": -10,
                  "test": "/[\\\\/]node_modules[\\\\/]/"
                }
              },
              "chunks": "'async'",
              "minChunks": 1,
              "minSize": 30000,
              "name": true
            }
          }
        }
      },
      "usingDefaults": false
    }
  }
}