Replaced webpack-fix-style-only-entries with `webpack-remove-empty-…

…scripts` as it was not compatible with Webpack 5. fqborges/webpack-fix-style-only-entries#31 Updated fractal to latest version. Updated webpack to version 5. Updated depricated packages.
EtchUK · Feb 21, 2021 · 17cf20a · 17cf20a
1 parent b077476
commit 17cf20a
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 25 deletions.
diff --git a/content/BuildConfigs/webpack.config.js b/content/BuildConfigs/webpack.config.js
@@ -1,9 +1,9 @@
 const autoprefixer = require('autoprefixer');
 const CopyPlugin = require('copy-webpack-plugin');
-const FixStyleOnlyEntriesPlugin = require('webpack-fix-style-only-entries');
 const { default: ImageminPlugin } = require('imagemin-webpack-plugin');
 const imageminMozjpeg = require('imagemin-mozjpeg');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const RemoveEmptyScriptsPlugin = require('webpack-remove-empty-scripts');
 const StylelintPlugin = require('stylelint-webpack-plugin');
 const path = require('path');
 
@@ -84,7 +84,7 @@ module.exports = {
         ],
     },
     plugins: [
-        new FixStyleOnlyEntriesPlugin(),
+        new RemoveEmptyScriptsPlugin(),
         new MiniCssExtractPlugin({
             filename: '../css/styles.css',
         }),

diff --git a/content/PatternLibrary/patterns/03-Pages/01-homepage.hbs b/content/PatternLibrary/patterns/03-Pages/01-homepage.hbs
@@ -4,8 +4,6 @@
 
 {{render '@section-featured'}}
 
-{{render '@section-media'}}
-
 <section class="section bg--color-grey-light">
     <div class="constrain constrain--wide">
 

diff --git a/content/package.json b/content/package.json
@@ -2,56 +2,57 @@
     "name": "etch.orchardcore.themeboilerplate",
     "version": "0.6.8-rc2",
     "description": "Theme boilerplate is our starting point for building Orchard Core themes.",
+    "license": "MIT",
     "author": "Etch UK",
     "scripts": {
         "build": "npm install --no-audit && npm run bundle:prod",
         "build:patterns": "fractal build",
-        "bundle:dev": "npm install && webpack --config ./BuildConfigs/webpack.config.dev.js -d",
-        "bundle:prod": "webpack --config ./BuildConfigs/webpack.config.prod.js -p",
-        "bundle:watch": "webpack --config ./BuildConfigs/webpack.config.dev.js -d --watch",
+        "bundle:dev": "npm install && webpack --config ./BuildConfigs/webpack.config.dev.js --mode development",
+        "bundle:prod": "webpack --config ./BuildConfigs/webpack.config.prod.js --mode production",
+        "bundle:watch": "webpack --config ./BuildConfigs/webpack.config.dev.js --mode development --watch",
         "develop": "concurrently \"npm run start:patterns\" \"npm run bundle:watch\"",
         "start": "npm install && npm run develop",
         "start:patterns": "fractal start --sync"
     },
     "devDependencies": {
-        "@babel/core": "^7.9.0",
-        "@babel/preset-env": "^7.9.5",
-        "@frctl/fractal": "^1.2.1",
-        "@frctl/mandelbrot": "^1.3.0",
+        "@babel/core": "^7.12.16",
+        "@babel/preset-env": "^7.12.16",
+        "@frctl/fractal": "^1.5.4",
+        "@frctl/mandelbrot": "^1.8.1",
         "@types/rellax": "^1.7.2",
         "autoprefixer": "^9.7.6",
-        "babel-loader": "^8.1.0",
+        "babel-loader": "^8.2.2",
         "clean-webpack-plugin": "^3.0.0",
         "concurrently": "^5.1.0",
         "copy-webpack-plugin": "^5.0.3",
         "copyfiles": "^2.1.0",
-        "core-js": "^3.6.5",
+        "core-js": "^3.8.3",
         "css-loader": "^3.5.2",
-        "imagemin-mozjpeg": "^8.0.0",
-        "imagemin-optipng": "^7.1.0",
-        "imagemin-pngquant": "^8.0.0",
-        "imagemin-svgo": "^7.1.0",
+        "css-minimizer-webpack-plugin": "^1.2.0",
+        "imagemin-mozjpeg": "^9.0.0",
+        "imagemin-optipng": "^8.0.0",
+        "imagemin-pngquant": "^9.0.1",
+        "imagemin-svgo": "^8.0.0",
         "imagemin-webpack-plugin": "^2.4.2",
-        "mini-css-extract-plugin": "^0.9.0",
+        "mini-css-extract-plugin": "^1.3.8",
         "npm-run-all": "^4.1.5",
-        "optimize-css-assets-webpack-plugin": "^5.0.3",
         "postcss-loader": "^3.0.0",
         "prettier": "^2.0.5",
-        "sass": "^1.29.0",
-        "sass-loader": "^10.0.5",
+        "sass": "^1.32.7",
+        "sass-loader": "^11.0.1",
         "sass-mq": "^5.0.1",
         "stylelint": "^13.3.2",
         "stylelint-config-prettier": "^8.0.2",
         "stylelint-config-recommended": "^3.0.0",
         "stylelint-prettier": "^1.1.2",
         "stylelint-webpack-plugin": "^1.2.3",
-        "ts-loader": "^7.0.0",
+        "ts-loader": "^8.0.17",
         "tslint": "^6.1.1",
         "tslint-loader": "^3.5.4",
         "typescript": "^3.8.3",
-        "webpack": "^4.42.1",
-        "webpack-cli": "^3.3.0",
-        "webpack-fix-style-only-entries": "^0.4.0"
+        "webpack": "^5.22.0",
+        "webpack-cli": "^4.5.0",
+        "webpack-remove-empty-scripts": "^0.7.1"
     },
     "dependencies": {
         "lg-video.js": "^1.0.0",