Merge pull request #77 from RNGeek/update-deps

依存関係を更新

netlify.toml

@@ -3,6 +3,6 @@
   publish = "dist/frontend"
   functions = "dist/serverless"
   [build.environment]
-    NODE_VERSION = "14.5.0"
-    NPM_VERSION = "6.14.5"
-    YARN_VERSION = "1.22.4"
+    NODE_VERSION = "16.13.2"
+    NPM_VERSION = "8.4.0"
+    YARN_VERSION = "1.22.15"

package.json

@@ -36,37 +36,37 @@
     "vuelidate": "^0.5.0"
   },
   "devDependencies": {
-    "@types/aws-lambda": "^8.10.61",
+    "@types/aws-lambda": "^8.10.92",
     "@types/node": "^14.6.2",
     "@typescript-eslint/parser": "^3.10.1",
     "autoprefixer": "^9.8.6",
-    "copy-webpack-plugin": "^6.0.4",
-    "css-loader": "^4.2.2",
+    "copy-webpack-plugin": "^10.2.4",
+    "css-loader": "^6.6.0",
     "eslint": "^7.7.0",
     "eslint-config-standard": "^14.1.1",
-    "eslint-import-resolver-webpack": "^0.12.2",
+    "eslint-import-resolver-webpack": "^0.13.2",
     "eslint-plugin-import": "^2.22.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-standard": "^4.0.1",
     "eslint-plugin-vue": "^6.2.2",
-    "file-loader": "^6.0.0",
-    "html-webpack-plugin": "^4.3.0",
-    "mini-css-extract-plugin": "^0.11.0",
-    "netlify-lambda": "^2.0.1",
+    "file-loader": "^6.2.0",
+    "html-webpack-plugin": "^5.5.0",
+    "mini-css-extract-plugin": "^2.5.3",
+    "netlify-lambda": "^2.0.15",
     "npm-run-all": "^4.1.2",
-    "postcss-loader": "^3.0.0",
-    "postcss-preset-env": "^6.7.0",
-    "sw-precache-webpack-plugin": "^1.0.0",
-    "ts-loader": "^8.0.3",
-    "url-loader": "^4.1.0",
+    "postcss-loader": "^6.2.1",
+    "postcss-preset-env": "^7.3.0",
+    "ts-loader": "^9.2.6",
+    "url-loader": "^4.1.1",
     "vue-eslint-parser": "^7.1.0",
-    "vue-loader": "^15.9.3",
+    "vue-loader": "^15.9.8",
     "vue-template-compiler": "^2.6.12",
-    "webpack": "^4.44.1",
-    "webpack-cli": "^3.3.12",
-    "webpack-dev-server": "^3.11.0",
-    "webpack-node-externals": "^2.5.2"
+    "webpack": "^5.68.0",
+    "webpack-cli": "^4.9.2",
+    "webpack-dev-server": "^4.7.4",
+    "webpack-node-externals": "^3.0.0",
+    "workbox-webpack-plugin": "^6.4.2"
   },
   "engines": {
     "node": ">= 4.0.0",

postcss.config.js

@@ -6,7 +6,6 @@ module.exports = {
       features: {
         'nesting-rules': true,
         'custom-media-queries': true,
-        'color-mod-function': true,
       },
     },
   },

webpack.frontend.js

@@ -1,6 +1,5 @@
-const webpack = require('webpack')
 const CopyWebpackPlugin = require('copy-webpack-plugin')
-const SWPrecacheWebpackPlugin = require('sw-precache-webpack-plugin')
+const { GenerateSW } = require('workbox-webpack-plugin')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 const VueLoaderPlugin = require('vue-loader/lib/plugin')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
@@ -32,7 +31,9 @@ module.exports = (env, argv) => ({
   devtool: argv.mode === 'development' ? 'inline-source-map' : false,
 
   devServer: {
-    contentBase: distPath,
+    static: {
+      directory: distPath,
+    },
     historyApiFallback: true,
     proxy: {
       '/.netlify': {
@@ -129,10 +130,10 @@ module.exports = (env, argv) => ({
         },
       ],
     }),
-    new SWPrecacheWebpackPlugin({
+    new GenerateSW({
       cacheId: 'emtimer',
-      filename: 'service-worker.js',
-      staticFileGlobsIgnorePatterns: [/_redirects$/],
+      swDest: resolve(distPath, './service-worker.js'),
+      exclude: [/_redirects$/],
     }),
   ],
 })