build!: use scratch-webpack-configuration

Author: cwillisf

package-lock.json

@@ -46,18 +46,24 @@
     "husky": "8.0.3",
     "jsdom": "13.2.0",
     "json": "9.0.6",
-    "lodash.defaultsdeep": "4.6.1",
     "mkdirp": "2.1.6",
     "rimraf": "3.0.2",
     "scratch-render-fonts": "1.0.20",
     "scratch-semantic-release-config": "1.0.14",
+    "scratch-webpack-configuration": "1.0.0",
     "semantic-release": "19.0.5",
     "tap": "11.1.5",
     "webpack": "5.90.3",
     "webpack-cli": "5.1.4",
     "webpack-dev-server": "3.11.3",
     "xmldom": "0.1.31"
   },
+  "browserslist": [
+    "Chrome >= 63",
+    "Edge >= 15",
+    "Firefox >= 57",
+    "Safari >= 11"
+  ],
   "config": {
     "commitizen": {
       "path": "cz-conventional-changelog"

package.json

@@ -1,68 +1,52 @@
 const CopyWebpackPlugin = require('copy-webpack-plugin');
-const defaultsDeep = require('lodash.defaultsdeep');
 const path = require('path');
+const ScratchWebpackConfigBuilder = require('scratch-webpack-configuration');
 
-const base = {
-    mode: process.env.NODE_ENV === 'production' ? 'production' : 'development',
-    devServer: {
-        contentBase: false,
-        host: '0.0.0.0',
-        port: process.env.PORT || 8576
-    },
-    devtool: 'cheap-module-source-map',
-    entry: {
-        'scratch-svg-renderer': './src/index.js'
-    },
-    module: {
-        rules: [{
-            include: [
-                path.resolve('src'),
-                path.resolve('node_modules', 'scratch-render-fonts')
-            ],
-            test: /\.js$/,
-            loader: 'babel-loader',
-            options: {
-                presets: [['@babel/preset-env', {targets: {}}]]
-            }
-        }]
-    },
-    plugins: []
+const common = {
+    libraryName: 'ScratchSVGRenderer',
+    rootPath: path.resolve(__dirname)
 };
 
-module.exports = [
-    defaultsDeep({}, base, {
-        target: 'web',
-        output: {
-            library: 'ScratchSVGRenderer',
-            libraryTarget: 'umd',
-            path: path.resolve('playground'),
-            publicPath: '/',
-            filename: '[name].js'
+/**
+ * @type {import('webpack').Configuration}
+ */
+const nodeConfig = new ScratchWebpackConfigBuilder(common)
+    .setTarget('node')
+    .get();
+
+/**
+ * @type {import('webpack').Configuration}
+ */
+const webConfig = new ScratchWebpackConfigBuilder(common)
+    .setTarget('browserslist')
+    .get();
+
+/**
+ * @type {import('webpack').Configuration}
+ */
+const playgroundConfig = new ScratchWebpackConfigBuilder(common)
+    .setTarget('browserslist')
+    .merge({
+        devServer: {
+            contentBase: false,
+            port: process.env.PORT || 8576
         },
-        plugins: base.plugins.concat([
-            new CopyWebpackPlugin([
-                {
-                    from: 'src/playground'
-                }
-            ])
-        ])
-    }),
-    defaultsDeep({}, base, {
         output: {
-            library: 'ScratchSVGRenderer',
-            libraryTarget: 'umd',
-            path: path.resolve('dist', 'web'),
-            filename: '[name].js'
-        },
-        module: {
-            rules: [{
-                options: {
-                    presets: [['env', {targets: {browsers: ['last 3 versions', 'Safari >= 8', 'iOS >= 8']}}]]
-                }
-            }]
-        },
-        optimization: {
-            minimize: process.env.NODE_ENV === 'production'
+            path: path.resolve(__dirname, 'playground'),
+            publicPath: '/'
         }
     })
+    .addPlugin(
+        new CopyWebpackPlugin([
+            {
+                from: 'src/playground'
+            }
+        ])
+    )
+    .get();
+
+module.exports = [
+    nodeConfig,
+    webConfig,
+    playgroundConfig
 ];