WIP: bundle all css into main.css with mini-css-extract. Cannot split into vendor and styles without breaking at the moment.

package-lock.json

@@ -4622,18 +4622,6 @@
         }
       }
     },
-    "extract-text-webpack-plugin": {
-      "version": "4.0.0-beta.0",
-      "resolved": "https://registry.npmjs.org/extract-text-webpack-plugin/-/extract-text-webpack-plugin-4.0.0-beta.0.tgz",
-      "integrity": "sha512-Hypkn9jUTnFr0DpekNam53X47tXn3ucY08BQumv7kdGgeVUBLq3DJHJTi6HNxv4jl9W+Skxjz9+RnK0sJyqqjA==",
-      "dev": true,
-      "requires": {
-        "async": "^2.4.1",
-        "loader-utils": "^1.1.0",
-        "schema-utils": "^0.4.5",
-        "webpack-sources": "^1.1.0"
-      }
-    },
     "extract-zip": {
       "version": "1.6.7",
       "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-1.6.7.tgz",

src/core/Recipe.mjs

@@ -4,7 +4,6 @@
  * @license Apache-2.0
  */
 
-import OpModules from "./config/modules/OpModules";
 import OperationConfig from "./config/OperationConfig.json";
 import OperationError from "./errors/OperationError";
 import Operation from "./Operation";

webpack.config.js

@@ -1,6 +1,5 @@
 const webpack = require("webpack");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-
 const path = require("path");
 
 /**
@@ -32,13 +31,6 @@ const banner = `/**
  * limitations under the License.
  */`;
 
-// const vendorCSS = new MiniCssExtractPlugin({ 
-//     filename: "[name].css",
-// });
-// const projectCSS = new MiniCssExtractPlugin({
-//     filename: "styles.css",
-//     chunkFileName: "styles.css",
-// });
 
 module.exports = {
     plugins: [
@@ -57,7 +49,6 @@ module.exports = {
         }),
         new MiniCssExtractPlugin({
             filename: "[name].css",
-            chunkFilename: "[id].css",
         }),
     ],
     resolve: {
@@ -71,8 +62,6 @@ module.exports = {
     //             styles: {
     //                 name: "styles",
     //                 test: /\.css$/,
-    //                 // test: (module,c,entry = 'foo') => module.constructor.name === 'CssModule' && recursiveIssuer(m) === entry,
-
     //                 chunks: "all",
     //                 enforce: true
     //             },
@@ -113,12 +102,6 @@ module.exports = {
                     "css-loader",
                     "postcss-loader",
                 ]
-                // use: projectCSS.extract({
-                //     use: [
-                //         { loader: "css-loader" },
-                //         { loader: "postcss-loader" },
-                //     ]
-                // })
             },
             {
                 test: /\.scss$/,
@@ -127,12 +110,6 @@ module.exports = {
                     "css-loader",
                     "sass-loader",
                 ]
-                // use: vendorCSS.extract({
-                //     use: [
-                //         { loader: "css-loader" },
-                //         { loader: "sass-loader" }
-                //     ]
-                // })
             },
             {
                 test: /\.(ico|eot|ttf|woff|woff2)$/,