junk: Kinda works but not really

Author: rschristian

packages/cli/lib/lib/webpack/webpack-base-config.js

@@ -292,16 +292,9 @@ module.exports = function createBaseConfig(env) {
 			new MiniCssExtractPlugin({
 				filename:
 					isProd && !env.isServer ? '[name].[contenthash:5].css' : '[name].css',
-				chunkFilename: pathData => {
-					const chunkId = /** @type {string} */ (pathData.chunk.id);
-					const chunkName =
-						typeof chunkId === 'string'
-							? chunkId.split('_').slice(0, -1).join('-')
-							: chunkId;
-					return isProd
-						? `${chunkName}.chunk.[chunkhash:5].css`
-						: `${chunkName}.chunk.css`;
-				},
+				chunkFilename: isProd
+					? '[name].chunk.[contenthash:5].css'
+					: '[name].chunk.css',
 			}),
 			ProgressBarPlugin({
 				format:
@@ -328,7 +321,6 @@ module.exports = function createBaseConfig(env) {
 						},
 					},
 				}),
-			isProd && new webpack.LoaderOptionsPlugin({ minimize: true }),
 			new webpack.optimize.ModuleConcatenationPlugin(),
 
 			// strip out babel-helper invariant checks

packages/cli/lib/lib/webpack/webpack-client-config.js

@@ -23,6 +23,10 @@ const cleanFilename = name =>
 		''
 	);
 
+// TODO: Swap with the above when removing the async loader
+const cleanFilename2 = name =>
+	(name = name.replace(/_/g, '-').replace(/(-index|-[jt]sx?$)/, ''));
+
 /**
  * @returns {Promise<import('webpack').Configuration>}
  */
@@ -88,11 +92,7 @@ async function clientConfig(env) {
 				return env.isProd ? '[name].[chunkhash:5].js' : '[name].js';
 			},
 			chunkFilename: pathData => {
-				const chunkId = /** @type {string} */ (pathData.chunk.id);
-				const chunkName =
-					typeof chunkId === 'string'
-						? chunkId.split('_').slice(0, -1).join('-')
-						: chunkId;
+				const chunkName = cleanFilename2(pathData.chunk.id);
 				return env.isProd
 					? `${chunkName}.chunk.[chunkhash:5].js`
 					: `${chunkName}.chunk.js`;