piral-cli-webpack5 0.14.18 → 0.14.19-beta.3927
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/plugins/SheetLoader.d.ts +1 -0
- package/lib/plugins/SheetLoader.js +19 -0
- package/lib/plugins/SheetLoader.js.map +1 -0
- package/lib/plugins/SheetPlugin.d.ts +4 -3
- package/lib/plugins/SheetPlugin.js +7 -22
- package/lib/plugins/SheetPlugin.js.map +1 -1
- package/package.json +4 -5
- package/src/plugins/SheetLoader.ts +16 -0
- package/src/plugins/SheetPlugin.ts +8 -22
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function sheetLoader(): string;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const loader_utils_1 = require("loader-utils");
|
|
4
|
+
function sheetLoader() {
|
|
5
|
+
const { cssName, piletName } = (0, loader_utils_1.getOptions)(this);
|
|
6
|
+
const debug = process.env.NODE_ENV === 'development';
|
|
7
|
+
return [
|
|
8
|
+
`var d=document`,
|
|
9
|
+
`var u=__webpack_public_path__+${JSON.stringify(cssName)}`,
|
|
10
|
+
`var e=d.createElement("link")`,
|
|
11
|
+
`e.setAttribute('data-origin', ${JSON.stringify(piletName)})`,
|
|
12
|
+
`e.type="text/css"`,
|
|
13
|
+
`e.rel="stylesheet"`,
|
|
14
|
+
`e.href=${debug ? 'u+"?_="+Math.random()' : 'u'}`,
|
|
15
|
+
`d.head.appendChild(e)`,
|
|
16
|
+
].join(';');
|
|
17
|
+
}
|
|
18
|
+
exports.default = sheetLoader;
|
|
19
|
+
//# sourceMappingURL=SheetLoader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SheetLoader.js","sourceRoot":"","sources":["../../src/plugins/SheetLoader.ts"],"names":[],"mappings":";;AAAA,+CAA0C;AAE1C,SAAwB,WAAW;IACjC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAA,yBAAU,EAAC,IAAI,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,CAAC;IACrD,OAAO;QACL,gBAAgB;QAChB,iCAAiC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE;QAC1D,+BAA+B;QAC/B,iCAAiC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG;QAC7D,mBAAmB;QACnB,oBAAoB;QACpB,UAAU,KAAK,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,GAAG,EAAE;QACjD,uBAAuB;KACxB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,CAAC;AAbD,8BAaC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
export default class SheetPlugin extends InjectPlugin {
|
|
1
|
+
export default class SheetPlugin {
|
|
3
2
|
private cssName;
|
|
4
|
-
|
|
3
|
+
private entryName;
|
|
4
|
+
private loaderPath;
|
|
5
|
+
constructor(cssName: string, piletName: string, entryName: string);
|
|
5
6
|
apply(compiler: any): void;
|
|
6
7
|
}
|
|
@@ -1,32 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const
|
|
3
|
+
const path_1 = require("path");
|
|
4
4
|
const webpack_1 = require("webpack");
|
|
5
5
|
const webpack_sources_1 = require("webpack-sources");
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const debug = process.env.NODE_ENV === 'development';
|
|
9
|
-
return [
|
|
10
|
-
`var d=document`,
|
|
11
|
-
`var u=__webpack_public_path__+${JSON.stringify(cssName)}`,
|
|
12
|
-
`var e=d.createElement("link")`,
|
|
13
|
-
`e.setAttribute('data-origin', ${JSON.stringify(name)})`,
|
|
14
|
-
`e.type="text/css"`,
|
|
15
|
-
`e.rel="stylesheet"`,
|
|
16
|
-
`e.href=${debug ? 'u+"?_="+Math.random()' : 'u'}`,
|
|
17
|
-
`d.head.appendChild(e)`,
|
|
18
|
-
].join(';');
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
class SheetPlugin extends webpack_inject_plugin_1.default {
|
|
22
|
-
constructor(cssName, name, entryName) {
|
|
23
|
-
super(sheetLoader(cssName, name), {
|
|
24
|
-
entryName,
|
|
25
|
-
});
|
|
6
|
+
class SheetPlugin {
|
|
7
|
+
constructor(cssName, piletName, entryName) {
|
|
26
8
|
this.cssName = cssName;
|
|
9
|
+
this.entryName = entryName;
|
|
10
|
+
this.loaderPath = (0, path_1.resolve)(__dirname, `SheetLoader?cssName=${cssName}&piletName=${piletName}!`);
|
|
27
11
|
}
|
|
28
12
|
apply(compiler) {
|
|
29
|
-
|
|
13
|
+
const { entry } = compiler.options;
|
|
14
|
+
entry[this.entryName].import = [this.loaderPath, ...entry[this.entryName].import];
|
|
30
15
|
compiler.hooks.compilation.tap('SheetPlugin', (compilation) => {
|
|
31
16
|
if (!compilation.compiler.parentCompilation) {
|
|
32
17
|
compilation.hooks.processAssets.tap({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SheetPlugin.js","sourceRoot":"","sources":["../../src/plugins/SheetPlugin.ts"],"names":[],"mappings":";;AAAA
|
|
1
|
+
{"version":3,"file":"SheetPlugin.js","sourceRoot":"","sources":["../../src/plugins/SheetPlugin.ts"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,qCAAsC;AACtC,qDAA4C;AAE5C,MAAqB,WAAW;IAG9B,YAAoB,OAAe,EAAE,SAAiB,EAAU,SAAiB;QAA7D,YAAO,GAAP,OAAO,CAAQ;QAA6B,cAAS,GAAT,SAAS,CAAQ;QAC/E,IAAI,CAAC,UAAU,GAAG,IAAA,cAAO,EAAC,SAAS,EAAE,uBAAuB,OAAO,cAAc,SAAS,GAAG,CAAC,CAAC;IACjG,CAAC;IAED,KAAK,CAAC,QAAQ;QACZ,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;QAEnC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;QAElF,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC,WAAwB,EAAE,EAAE;YACzE,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,iBAAiB,EAAE;gBAC3C,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CACjC;oBACE,IAAI,EAAE,aAAa;oBACnB,KAAK,EAAE,qBAAW,CAAC,8BAA8B;iBAClD,EACD,CAAC,MAAM,EAAE,EAAE;oBACT,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;wBACzB,MAAM,MAAM,GAAG,IAAI,2BAAS,CAAC,EAAE,CAAC,CAAC;wBACjC,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;qBAC7C;gBACH,CAAC,CACF,CAAC;aACH;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AA7BD,8BA6BC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "piral-cli-webpack5",
|
|
3
|
-
"version": "0.14.
|
|
3
|
+
"version": "0.14.19-beta.3927",
|
|
4
4
|
"description": "Provides debug and build capabilities for pilets and Piral instances using Webpack v5.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"piral-cli",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"@types/node": "^13.9.0",
|
|
49
49
|
"@types/terser-webpack-plugin": "^5.0.0",
|
|
50
50
|
"@types/yargs": "^15.0.4",
|
|
51
|
-
"piral-cli": "
|
|
51
|
+
"piral-cli": "0.14.19-beta.3927",
|
|
52
52
|
"strip-ansi": "^3.0.0",
|
|
53
53
|
"typescript": "^4.0.2"
|
|
54
54
|
},
|
|
@@ -74,8 +74,7 @@
|
|
|
74
74
|
"systemjs-webpack-interop": "^2.3.7",
|
|
75
75
|
"terser-webpack-plugin": "^5.0.0",
|
|
76
76
|
"ts-loader": "^8.0.6",
|
|
77
|
-
"webpack": "^5.1.3"
|
|
78
|
-
"webpack-inject-plugin": "^1.5.5"
|
|
77
|
+
"webpack": "^5.1.3"
|
|
79
78
|
},
|
|
80
|
-
"gitHead": "
|
|
79
|
+
"gitHead": "32fdd3a819e4397c2fa853d9c9e637153a7c44ea"
|
|
81
80
|
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { getOptions } from 'loader-utils';
|
|
2
|
+
|
|
3
|
+
export default function sheetLoader() {
|
|
4
|
+
const { cssName, piletName } = getOptions(this);
|
|
5
|
+
const debug = process.env.NODE_ENV === 'development';
|
|
6
|
+
return [
|
|
7
|
+
`var d=document`,
|
|
8
|
+
`var u=__webpack_public_path__+${JSON.stringify(cssName)}`,
|
|
9
|
+
`var e=d.createElement("link")`,
|
|
10
|
+
`e.setAttribute('data-origin', ${JSON.stringify(piletName)})`,
|
|
11
|
+
`e.type="text/css"`,
|
|
12
|
+
`e.rel="stylesheet"`,
|
|
13
|
+
`e.href=${debug ? 'u+"?_="+Math.random()' : 'u'}`,
|
|
14
|
+
`d.head.appendChild(e)`,
|
|
15
|
+
].join(';');
|
|
16
|
+
}
|
|
@@ -1,32 +1,18 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { resolve } from 'path';
|
|
2
2
|
import { Compilation } from 'webpack';
|
|
3
3
|
import { RawSource } from 'webpack-sources';
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const debug = process.env.NODE_ENV === 'development';
|
|
8
|
-
return [
|
|
9
|
-
`var d=document`,
|
|
10
|
-
`var u=__webpack_public_path__+${JSON.stringify(cssName)}`,
|
|
11
|
-
`var e=d.createElement("link")`,
|
|
12
|
-
`e.setAttribute('data-origin', ${JSON.stringify(name)})`,
|
|
13
|
-
`e.type="text/css"`,
|
|
14
|
-
`e.rel="stylesheet"`,
|
|
15
|
-
`e.href=${debug ? 'u+"?_="+Math.random()' : 'u'}`,
|
|
16
|
-
`d.head.appendChild(e)`,
|
|
17
|
-
].join(';');
|
|
18
|
-
};
|
|
19
|
-
}
|
|
5
|
+
export default class SheetPlugin {
|
|
6
|
+
private loaderPath: string;
|
|
20
7
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
super(sheetLoader(cssName, name), {
|
|
24
|
-
entryName,
|
|
25
|
-
});
|
|
8
|
+
constructor(private cssName: string, piletName: string, private entryName: string) {
|
|
9
|
+
this.loaderPath = resolve(__dirname, `SheetLoader?cssName=${cssName}&piletName=${piletName}!`);
|
|
26
10
|
}
|
|
27
11
|
|
|
28
12
|
apply(compiler) {
|
|
29
|
-
|
|
13
|
+
const { entry } = compiler.options;
|
|
14
|
+
|
|
15
|
+
entry[this.entryName].import = [this.loaderPath, ...entry[this.entryName].import];
|
|
30
16
|
|
|
31
17
|
compiler.hooks.compilation.tap('SheetPlugin', (compilation: Compilation) => {
|
|
32
18
|
if (!compilation.compiler.parentCompilation) {
|