configure webpacker builder app to use output filenames without digests

#343 (comment)

Author: fiedl

builder/config/webpack/environment.js

@@ -1,3 +1,20 @@
 const { environment } = require('@rails/webpacker')
 
+// Remove the digest from the output js filename.
+// https://github.com/matestack/matestack-ui-core/issues/343#issuecomment-581149092
+//
+environment.config.set("output.filename", chunkData => {
+  return "[name].js"
+})
+
+// Remove the digest from the output css filename.
+// https://github.com/matestack/matestack-ui-core/issues/343#issuecomment-581149092
+//
+// Inspect with:
+//
+//     console.log(environment.plugins)
+//
+const miniCssExtractPlugin = environment.plugins.get('MiniCssExtract')
+miniCssExtractPlugin.options.filename = "[name].css"
+
 module.exports = environment

builder/config/webpack/production.js

@@ -2,4 +2,15 @@ process.env.NODE_ENV = process.env.NODE_ENV || 'production'
 
 const environment = require('./environment')
 
+// Add `.min` to the production versions of the output files.
+// https://github.com/matestack/matestack-ui-core/issues/343#issuecomment-580246554
+// https://github.com/matestack/matestack-ui-core/issues/343#issuecomment-581149092
+//
+environment.config.set("output.filename", chunkData => {
+  return "[name].min.js"
+})
+const miniCssExtractPlugin = environment.plugins.get('MiniCssExtract')
+miniCssExtractPlugin.options.filename = "[name].min.css"
+
+
 module.exports = environment.toWebpackConfig()

vendor/assets/javascripts/dist/manifest.json

@@ -1,14 +1,22 @@
 {
   "entrypoints": {
     "matestack-ui-core": {
+      "css": [
+        "/dist/matestack-ui-core.css"
+      ],
       "js": [
-        "/vendor/assets/javascripts/dist/matestack-ui-core.min.js"
+        "/dist/matestack-ui-core.js"
+      ],
+      "css.map": [
+        "/dist/matestack-ui-core.css.map"
       ],
       "js.map": [
-        "/vendor/assets/javascripts/dist/matestack-ui-core.min.js.map"
+        "/dist/matestack-ui-core.js.map"
       ]
     }
   },
-  "matestack-ui-core.js": "/vendor/assets/javascripts/dist/matestack-ui-core.min.js",
-  "matestack-ui-core.js.map": "/vendor/assets/javascripts/dist/matestack-ui-core.min.js.map"
+  "matestack-ui-core.css": "/dist/matestack-ui-core.css",
+  "matestack-ui-core.css.map": "/dist/matestack-ui-core.css.map",
+  "matestack-ui-core.js": "/dist/matestack-ui-core.js",
+  "matestack-ui-core.js.map": "/dist/matestack-ui-core.js.map"
 }

vendor/assets/javascripts/dist/manifest.json.br

@@ -0,0 +1 @@
+body{background:#00f}