canopy-webpack-config 3.2.0 → 4.0.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "canopy-webpack-config",
-  "version": "3.2.0",
+  "version": "4.0.0-beta.2",
   "description": "Some defaults for webpack configs at canopy",
   "main": "src/canopy-webpack-config.js",
   "repository": "git@github.com:CanopyTax/canopy-webpack-config.git",
@@ -12,9 +12,8 @@
     "@babel/runtime": ">=7"
   },
   "dependencies": {
-    "clean-webpack-plugin": "^3.0.0",
-    "unused-files-webpack-plugin": "^3.4.0",
-    "webpack-bundle-analyzer": "^3.3.2",
+    "clean-webpack-plugin": "^4.0.0",
+    "webpack-bundle-analyzer": "^4.5.0",
     "webpack-merge": "^4.2.1"
   }
 }

package/src/canopy-webpack-config.js

@@ -1,14 +1,13 @@
 const path = require('path')
 const { CleanWebpackPlugin } = require('clean-webpack-plugin')
-const merge = require('webpack-merge')
 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
-const {UnusedFilesWebpackPlugin} = require('unused-files-webpack-plugin')
+const merge = require('webpack-merge')
 const fs = require("fs")
 const homedir = require("os").homedir()
 
 let isDevServer = false
 
-if (process.argv.some(arg => arg.includes('webpack-dev-server'))) {
+if (process.argv.some(arg => arg.includes('serve'))) {
   isDevServer = true
 }
 
@@ -36,8 +35,12 @@ module.exports = function(name, overridesConfig) {
       entry: `./src/${name}.js`,
       output: {
         filename: `${name}.js`,
-        jsonpFunction: "wpjsonp-"+name,
-        libraryTarget: 'amd',
+        publicPath: '',
+        uniqueName: name,
+        library: {
+          type: 'amd',
+          name: name,
+        },
         path: path.resolve(process.cwd(), 'build'),
         chunkFilename: '[name].js',
       },
@@ -55,12 +58,6 @@ module.exports = function(name, overridesConfig) {
               ],
             },
           },
-          // https://github.com/systemjs/systemjs#compatibility-with-webpack
-          {
-            parser: {
-              system: false,
-            },
-          },
         ],
       },
       resolve: {
@@ -74,18 +71,6 @@ module.exports = function(name, overridesConfig) {
         new BundleAnalyzerPlugin({
           analyzerMode: env.analyze || 'disabled',
         }),
-        new UnusedFilesWebpackPlugin({
-          globOptions: {
-            cwd: path.resolve(process.cwd(), 'src'),
-            ignore: [
-              "**/*.test.js",
-              "**/*.spec.js",
-              "**/*.js.snap",
-              "**/test-setup.js",
-              "**/.stories.js"
-            ],
-          }
-        }),
       ],
       devtool: 'source-map',
       externals: [
@@ -113,9 +98,13 @@ module.exports = function(name, overridesConfig) {
           cert: fs.readFileSync(`${homedir}/.canopy-ssl/public.pem`),
           key: fs.readFileSync(`${homedir}/.canopy-ssl/key.pem`)
         },
-        disableHostCheck: true,
-        sockHost: host === "0.0.0.0" ? "localhost" : host, // Use localhost for the socket connection for CSP purposes
-        sockPort: port,
+        allowedHosts: 'all',
+        client: {
+          webSocketURL: {
+            hostname: host === "0.0.0.0" ? "localhost" : host, // Use localhost for the socket connection for CSP purposes
+            port: port,
+          },
+        },
         headers: {
           "Access-Control-Allow-Origin": "*"
         },