Removed dependency to sheet plugin

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Piral Changelog
 
+## 0.14.19 (tbd)
+
+- Removed dependency to `webpack-inject-plugin` in `piral-cli-webpack5`
+
 ## 0.14.18 (March 15, 2022)
 
 - Fixed issue with `v1` pilets not loading additional chunks

src/tooling/piral-cli-webpack5/package.json

@@ -74,7 +74,6 @@
     "systemjs-webpack-interop": "^2.3.7",
     "terser-webpack-plugin": "^5.0.0",
     "ts-loader": "^8.0.6",
-    "webpack": "^5.1.3",
-    "webpack-inject-plugin": "^1.5.5"
+    "webpack": "^5.1.3"
   }
 }

src/tooling/piral-cli-webpack5/src/plugins/SheetLoader.ts

@@ -0,0 +1,16 @@
+import { getOptions } from 'loader-utils';
+
+export default function sheetLoader() {
+  const { cssName, piletName } = getOptions(this);
+  const debug = process.env.NODE_ENV === 'development';
+  return [
+    `var d=document`,
+    `var u=__webpack_public_path__+${JSON.stringify(cssName)}`,
+    `var e=d.createElement("link")`,
+    `e.setAttribute('data-origin', ${JSON.stringify(piletName)})`,
+    `e.type="text/css"`,
+    `e.rel="stylesheet"`,
+    `e.href=${debug ? 'u+"?_="+Math.random()' : 'u'}`,
+    `d.head.appendChild(e)`,
+  ].join(';');
+}

src/tooling/piral-cli-webpack5/src/plugins/SheetPlugin.ts

@@ -1,32 +1,18 @@
-import InjectPlugin from 'webpack-inject-plugin';
+import { resolve } from 'path';
 import { Compilation } from 'webpack';
 import { RawSource } from 'webpack-sources';
 
-function sheetLoader(cssName: string, name: string) {
-  return () => {
-    const debug = process.env.NODE_ENV === 'development';
-    return [
-      `var d=document`,
-      `var u=__webpack_public_path__+${JSON.stringify(cssName)}`,
-      `var e=d.createElement("link")`,
-      `e.setAttribute('data-origin', ${JSON.stringify(name)})`,
-      `e.type="text/css"`,
-      `e.rel="stylesheet"`,
-      `e.href=${debug ? 'u+"?_="+Math.random()' : 'u'}`,
-      `d.head.appendChild(e)`,
-    ].join(';');
-  };
-}
+export default class SheetPlugin {
+  private loaderPath: string;
 
-export default class SheetPlugin extends InjectPlugin {
-  constructor(private cssName: string, name: string, entryName: string) {
-    super(sheetLoader(cssName, name), {
-      entryName,
-    });
+  constructor(private cssName: string, piletName: string, private entryName: string) {
+    this.loaderPath = resolve(__dirname, `SheetLoader?cssName=${cssName}&piletName=${piletName}!`);
   }
 
   apply(compiler) {
-    super.apply(compiler);
+    const { entry } = compiler.options;
+
+    entry[this.entryName].import = [this.loaderPath, ...entry[this.entryName].import];
 
     compiler.hooks.compilation.tap('SheetPlugin', (compilation: Compilation) => {
       if (!compilation.compiler.parentCompilation) {