@enhanced-dom/webpack 0.0.5 → 0.0.8
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/configs/index.d.ts +19 -0
- package/configs/index.js +31 -0
- package/configs/index.js.map +1 -0
- package/{config.d.ts → index.d.ts} +2 -0
- package/{config.js → index.js} +3 -0
- package/index.js.map +1 -0
- package/loaders/ExposeCssSourceLoader.js +5 -2
- package/loaders/ExposeCssSourceLoader.js.map +1 -0
- package/loaders/index.d.ts +6 -3
- package/loaders/index.js +3 -1
- package/loaders/index.js.map +1 -0
- package/package.json +74 -80
- package/plugins/HtmlWebpackInlineSourcePlugin.js +2 -0
- package/plugins/HtmlWebpackInlineSourcePlugin.js.map +1 -0
- package/plugins/index.js +2 -0
- package/plugins/index.js.map +1 -0
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import IgnoreEmitWebpackPlugin from 'ignore-emit-webpack-plugin';
|
|
2
|
+
export declare const typedStylesConfigFactory: ({ raw, filesPaths }: {
|
|
3
|
+
raw?: boolean;
|
|
4
|
+
filesPaths: string[];
|
|
5
|
+
}) => {
|
|
6
|
+
mode: string;
|
|
7
|
+
entry: {
|
|
8
|
+
bundle: string[];
|
|
9
|
+
};
|
|
10
|
+
devtool: boolean;
|
|
11
|
+
watch: boolean;
|
|
12
|
+
module: {
|
|
13
|
+
rules: {
|
|
14
|
+
test: RegExp;
|
|
15
|
+
use: any[];
|
|
16
|
+
}[];
|
|
17
|
+
};
|
|
18
|
+
plugins: IgnoreEmitWebpackPlugin[];
|
|
19
|
+
};
|
package/configs/index.js
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.typedStylesConfigFactory = void 0;
|
|
7
|
+
const ignore_emit_webpack_plugin_1 = __importDefault(require("ignore-emit-webpack-plugin"));
|
|
8
|
+
const loaders_1 = require("../loaders");
|
|
9
|
+
const typedStylesConfigFactory = ({ raw, filesPaths }) => {
|
|
10
|
+
return {
|
|
11
|
+
mode: 'production',
|
|
12
|
+
entry: { bundle: filesPaths },
|
|
13
|
+
devtool: false,
|
|
14
|
+
watch: true,
|
|
15
|
+
module: {
|
|
16
|
+
rules: [
|
|
17
|
+
{
|
|
18
|
+
test: /\.(pcss|css)$/,
|
|
19
|
+
use: (0, loaders_1.styleConfigFactory)({ raw, typedStyles: true, parser: 'postcss', modules: true }),
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
test: /\.(scss|sass)$/,
|
|
23
|
+
use: (0, loaders_1.styleConfigFactory)({ raw, typedStyles: true, parser: 'postcss-scss', modules: true }),
|
|
24
|
+
},
|
|
25
|
+
],
|
|
26
|
+
},
|
|
27
|
+
plugins: [new ignore_emit_webpack_plugin_1.default(/.+/)],
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
exports.typedStylesConfigFactory = typedStylesConfigFactory;
|
|
31
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"./","sources":["configs/index.ts"],"names":[],"mappings":";;;;;;AAAA,4FAAgE;AAEhE,wCAA+C;AAExC,MAAM,wBAAwB,GAAG,CAAC,EAAE,GAAG,EAAE,UAAU,EAA2C,EAAE,EAAE;IACvG,OAAO;QACL,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;QAC7B,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,IAAI;QACX,MAAM,EAAE;YACN,KAAK,EAAE;gBACL;oBACE,IAAI,EAAE,eAAe;oBACrB,GAAG,EAAE,IAAA,4BAAkB,EAAC,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iBACtF;gBACD;oBACE,IAAI,EAAE,gBAAgB;oBACtB,GAAG,EAAE,IAAA,4BAAkB,EAAC,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iBAC3F;aACF;SACF;QACD,OAAO,EAAE,CAAC,IAAI,oCAAuB,CAAC,IAAI,CAAC,CAAC;KAC7C,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,wBAAwB,4BAoBpC","sourcesContent":["import IgnoreEmitWebpackPlugin from 'ignore-emit-webpack-plugin'\n\nimport { styleConfigFactory } from '../loaders'\n\nexport const typedStylesConfigFactory = ({ raw, filesPaths }: { raw?: boolean; filesPaths: string[] }) => {\n return {\n mode: 'production',\n entry: { bundle: filesPaths },\n devtool: false,\n watch: true,\n module: {\n rules: [\n {\n test: /\\.(pcss|css)$/,\n use: styleConfigFactory({ raw, typedStyles: true, parser: 'postcss', modules: true }),\n },\n {\n test: /\\.(scss|sass)$/,\n use: styleConfigFactory({ raw, typedStyles: true, parser: 'postcss-scss', modules: true }),\n },\n ],\n },\n plugins: [new IgnoreEmitWebpackPlugin(/.+/)],\n }\n}\n"]}
|
package/{config.js → index.js}
RENAMED
|
@@ -24,7 +24,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
24
24
|
};
|
|
25
25
|
const loaders = __importStar(require("./loaders"));
|
|
26
26
|
const plugins = __importStar(require("./plugins"));
|
|
27
|
+
const configs = __importStar(require("./configs"));
|
|
27
28
|
module.exports = {
|
|
28
29
|
loaders,
|
|
29
30
|
plugins,
|
|
31
|
+
configs,
|
|
30
32
|
};
|
|
33
|
+
//# sourceMappingURL=index.js.map
|
package/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"./","sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAAoC;AACpC,mDAAoC;AACpC,mDAAoC;AACpC,iBAAS;IACP,OAAO;IACP,OAAO;IACP,OAAO;CACR,CAAA","sourcesContent":["import * as loaders from './loaders'\nimport * as plugins from './plugins'\nimport * as configs from './configs'\nexport = {\n loaders,\n plugins,\n configs,\n}\n"]}
|
|
@@ -4,6 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
const style_loader_1 = __importDefault(require("style-loader"));
|
|
6
6
|
const lodash_1 = require("lodash");
|
|
7
|
+
const cjs_1 = require("@enhanced-dom/css/cjs");
|
|
8
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
7
9
|
const loader = function () { };
|
|
8
10
|
loader.pitch = function pitch(remainingRequest) {
|
|
9
11
|
if (this.cacheable) {
|
|
@@ -14,11 +16,12 @@ loader.pitch = function pitch(remainingRequest) {
|
|
|
14
16
|
if (index <= -1)
|
|
15
17
|
return result;
|
|
16
18
|
const insertIndex = index - 1;
|
|
17
|
-
const stylesheetName = (0, lodash_1.uniqueId)('stylesheet
|
|
19
|
+
const stylesheetName = (0, lodash_1.uniqueId)('stylesheet');
|
|
18
20
|
const insertAttr = `
|
|
19
21
|
options.attributes = options.attributes || {}
|
|
20
|
-
options.attributes.
|
|
22
|
+
options.attributes["${cjs_1.STYLESHEET_ATTRIBUTE_NAME}"] = "${stylesheetName}";
|
|
21
23
|
`;
|
|
22
24
|
return result.slice(0, insertIndex) + insertAttr + result.slice(insertIndex) + `export const _stylesheetName = "${stylesheetName}";`;
|
|
23
25
|
};
|
|
24
26
|
module.exports = loader;
|
|
27
|
+
//# sourceMappingURL=ExposeCssSourceLoader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExposeCssSourceLoader.js","sourceRoot":"./","sources":["loaders/ExposeCssSourceLoader.ts"],"names":[],"mappings":";;;;AAAA,gEAAsC;AACtC,mCAAiC;AACjC,+CAAiE;AAEjE,gEAAgE;AAChE,MAAM,MAAM,GAAG,cAAa,CAAC,CAAA;AAE7B,MAAM,CAAC,KAAK,GAAG,SAAS,KAAK,CAAC,gBAAwB;IACpD,IAAI,IAAI,CAAC,SAAS,EAAE;QAClB,IAAI,CAAC,SAAS,EAAE,CAAA;KACjB;IACD,MAAM,MAAM,GAAW,sBAAW,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAA;IACrE,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,oCAAoC,CAAC,CAAA;IAClE,IAAI,KAAK,IAAI,CAAC,CAAC;QAAE,OAAO,MAAM,CAAA;IAC9B,MAAM,WAAW,GAAG,KAAK,GAAG,CAAC,CAAA;IAC7B,MAAM,cAAc,GAAG,IAAA,iBAAQ,EAAC,YAAY,CAAC,CAAA;IAC7C,MAAM,UAAU,GAAG;;0BAEK,+BAAyB,SAAS,cAAc;GACvE,CAAA;IACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,GAAG,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,mCAAmC,cAAc,IAAI,CAAA;AACtI,CAAC,CAAA;AAED,iBAAS,MAAM,CAAA","sourcesContent":["import styleLoader from 'style-loader'\nimport { uniqueId } from 'lodash'\nimport { STYLESHEET_ATTRIBUTE_NAME } from '@enhanced-dom/css/cjs'\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst loader = function () {}\n\nloader.pitch = function pitch(remainingRequest: string) {\n if (this.cacheable) {\n this.cacheable()\n }\n const result: string = styleLoader.pitch.call(this, remainingRequest)\n const index = result.indexOf('var update = API(content, options)')\n if (index <= -1) return result\n const insertIndex = index - 1\n const stylesheetName = uniqueId('stylesheet')\n const insertAttr = `\n options.attributes = options.attributes || {}\n options.attributes[\"${STYLESHEET_ATTRIBUTE_NAME}\"] = \"${stylesheetName}\";\n `\n return result.slice(0, insertIndex) + insertAttr + result.slice(insertIndex) + `export const _stylesheetName = \"${stylesheetName}\";`\n}\n\nexport = loader\n"]}
|
package/loaders/index.d.ts
CHANGED
|
@@ -4,12 +4,15 @@ export declare const styleConfigFactory: ({ raw, extract, sourceMap, typedStyles
|
|
|
4
4
|
sourceMap?: boolean;
|
|
5
5
|
typedStyles?: boolean;
|
|
6
6
|
modules?: {
|
|
7
|
-
localIdentName
|
|
8
|
-
mappings
|
|
7
|
+
localIdentName?: string;
|
|
8
|
+
mappings?: {
|
|
9
9
|
filter: string;
|
|
10
10
|
transform: (p: string) => string;
|
|
11
11
|
}[];
|
|
12
|
-
}
|
|
12
|
+
} | (boolean & {
|
|
13
|
+
localIdentName?: never;
|
|
14
|
+
mappings?: never;
|
|
15
|
+
});
|
|
13
16
|
parser?: "postcss" | "postcss-scss";
|
|
14
17
|
aliases?: Record<string, string>;
|
|
15
18
|
}) => any[];
|
package/loaders/index.js
CHANGED
|
@@ -51,8 +51,9 @@ const styleConfigFactory = ({ raw = false, extract = false, sourceMap = false, t
|
|
|
51
51
|
modules: {
|
|
52
52
|
localIdentName: (_a = modules === null || modules === void 0 ? void 0 : modules.localIdentName) !== null && _a !== void 0 ? _a : '[local]_[hash:base64:5]',
|
|
53
53
|
getLocalIdent: (loaderContext, _, localName) => {
|
|
54
|
+
var _a;
|
|
54
55
|
const { resourcePath } = loaderContext;
|
|
55
|
-
const
|
|
56
|
+
const mappings = (_a = modules === null || modules === void 0 ? void 0 : modules.mappings) !== null && _a !== void 0 ? _a : [];
|
|
56
57
|
const mapping = mappings.find(({ filter }) => resourcePath.includes(filter));
|
|
57
58
|
if (!mapping) {
|
|
58
59
|
return undefined; // this will trigger the default css-loader getLocalIdent function
|
|
@@ -140,3 +141,4 @@ const markdownConfigFactory = ({ babel, remark = [] } = {}) => {
|
|
|
140
141
|
return loaders;
|
|
141
142
|
};
|
|
142
143
|
exports.markdownConfigFactory = markdownConfigFactory;
|
|
144
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"./","sources":["loaders/index.ts"],"names":[],"mappings":"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","sourcesContent":["import MiniCssExtractPlugin from 'mini-css-extract-plugin'\nimport createResolver from 'postcss-import-webpack-resolver'\nconst ExposeCssSourceLoader = require.resolve('./ExposeCssSourceLoader')\nimport codeImport from 'remark-code-import'\nimport imageUnwrap from 'remark-unwrap-images'\nimport imageImport from 'remark-embed-images'\n\nexport const styleConfigFactory = ({\n raw = false as boolean,\n extract = false,\n sourceMap = false,\n typedStyles = false,\n modules = undefined as\n | { localIdentName?: string; mappings?: { filter: string; transform: (p: string) => string }[] }\n | (boolean & { localIdentName?: never; mappings?: never }),\n parser = undefined as 'postcss' | 'postcss-scss',\n aliases = {} as Record<string, string>,\n} = {}) => {\n const loaders = []\n\n if (raw) {\n loaders.push({\n loader: ExposeCssSourceLoader,\n options: {\n attributes: {},\n },\n })\n } else if (extract) {\n loaders.push({\n loader: MiniCssExtractPlugin.loader,\n options: {\n publicPath: './',\n },\n })\n } else {\n loaders.push({ loader: 'style-loader' })\n }\n\n if (typedStyles) {\n loaders.push({\n loader: 'dts-css-modules-loader',\n options: {\n namedExport: true,\n banner: raw ? 'export const _stylesheetName: string;' : undefined,\n },\n })\n }\n\n const cssLoader = {\n loader: 'css-loader',\n options: {\n sourceMap,\n ...(modules || typedStyles\n ? {\n esModule: true,\n modules: {\n localIdentName: modules?.localIdentName ?? '[local]_[hash:base64:5]',\n getLocalIdent: (loaderContext: { resourcePath: string }, _: any, localName: string) => {\n const { resourcePath } = loaderContext\n const mappings = modules?.mappings ?? []\n const mapping = mappings.find(({ filter }) => resourcePath.includes(filter))\n if (!mapping) {\n return undefined // this will trigger the default css-loader getLocalIdent function\n }\n return mapping.transform(localName)\n },\n exportLocalsConvention: 'camelCaseOnly',\n namedExport: true,\n },\n sourceMap,\n }\n : { modules: false }),\n },\n }\n\n loaders.push(cssLoader)\n\n const resolveUrlLoader = {\n loader: 'resolve-url-loader',\n }\n\n loaders.push(resolveUrlLoader)\n\n const postcssLoader = {\n loader: 'postcss-loader',\n options: {\n sourceMap: true,\n postcssOptions: {\n parser,\n plugins: [\n [\n 'postcss-import',\n {\n resolve: createResolver({\n alias: aliases,\n }),\n modules: ['./node_modules', 'node_modules'],\n },\n ],\n 'postcss-advanced-variables',\n 'postcss-nested',\n 'autoprefixer',\n // ['postcss-preset-env', {\n // browsers: ['last 2 versions']\n // }]\n ],\n },\n },\n }\n\n loaders.push(postcssLoader)\n\n return loaders\n}\n\nexport const nullConfigFactory = ({ rules = [] as RegExp[] } = {}) => {\n return rules.map((rule) => ({\n test: rule,\n use: 'null-loader',\n enforce: 'post',\n }))\n}\n\nexport const fontExtensions = ['ttf', 'eot', 'woff', 'woff2']\nexport const imageExtensions = ['png', 'jpg', 'jpeg', 'gif', 'svg', 'ico']\nexport const assetExtensions = (extensions = [...imageExtensions, ...fontExtensions] as string[]) =>\n new RegExp(`\\\\.(${extensions.join('|')})(\\\\?.*$|$)?$`)\n\nexport const babelConfigFactory = ({ babel = undefined as any }) => {\n const loaders = [{ loader: 'babel-loader', options: babel }]\n return loaders\n}\n\nexport const markdownConfigFactory = ({ babel, remark = [] }: { babel?: any; remark?: any[] } = {}) => {\n const loaders = []\n\n if (babel) {\n loaders.push(...babelConfigFactory({ babel }))\n loaders.push({\n loader: '@mdx-js/loader',\n options: {\n remarkPlugins: [codeImport, imageImport, imageUnwrap, ...remark],\n },\n })\n } else {\n loaders.push(\n {\n loader: 'html-loader',\n },\n {\n loader: 'markdown-loader',\n },\n )\n }\n return loaders\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,80 +1,74 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@enhanced-dom/webpack",
|
|
3
|
-
"version": "0.0.
|
|
4
|
-
"description": "Helpers for webpack configuration",
|
|
5
|
-
"keywords": [],
|
|
6
|
-
"repository": "https://github.com/enhanced-dom/webpack.git",
|
|
7
|
-
"license": "MIT",
|
|
8
|
-
"author": "CD9B4A105290E17E0948E021DF4105107C88693C59C0B891CCC08366C51AEA990902A6A156AC87D88A2FC41422A5E1C3C4071F251F19441C4516000EC25F87DF",
|
|
9
|
-
"main": "
|
|
10
|
-
"
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"postcss": "^
|
|
35
|
-
"postcss-
|
|
36
|
-
"postcss-
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
"
|
|
55
|
-
"webpack-
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
"@
|
|
61
|
-
"@types/
|
|
62
|
-
"
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
"
|
|
66
|
-
"
|
|
67
|
-
"
|
|
68
|
-
"
|
|
69
|
-
},
|
|
70
|
-
"
|
|
71
|
-
"
|
|
72
|
-
"
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
},
|
|
76
|
-
"engines": {
|
|
77
|
-
"node": ">=14.17.0",
|
|
78
|
-
"npm": ">=8.0.0"
|
|
79
|
-
}
|
|
80
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@enhanced-dom/webpack",
|
|
3
|
+
"version": "0.0.8",
|
|
4
|
+
"description": "Helpers for webpack configuration",
|
|
5
|
+
"keywords": [],
|
|
6
|
+
"repository": "https://github.com/enhanced-dom/webpack.git",
|
|
7
|
+
"license": "MIT",
|
|
8
|
+
"author": "CD9B4A105290E17E0948E021DF4105107C88693C59C0B891CCC08366C51AEA990902A6A156AC87D88A2FC41422A5E1C3C4071F251F19441C4516000EC25F87DF",
|
|
9
|
+
"main": "index.js",
|
|
10
|
+
"dependencies": {
|
|
11
|
+
"@enhanced-dom/build": "^0.0.1",
|
|
12
|
+
"@enhanced-dom/css": "^0.0.2",
|
|
13
|
+
"@mdx-js/loader": "^2.1.1",
|
|
14
|
+
"autoprefixer": "^10.3.5",
|
|
15
|
+
"babel-loader": "^8.2.2",
|
|
16
|
+
"css-loader": "^6.2.0",
|
|
17
|
+
"cssnano-preset-advanced": "^5.1.3",
|
|
18
|
+
"dts-css-modules-loader": "^1.2.3",
|
|
19
|
+
"html-inline-css-webpack-plugin": "^1.11.1",
|
|
20
|
+
"html-inline-script-webpack-plugin": "^2.0.3",
|
|
21
|
+
"html-loader": "^2.1.2",
|
|
22
|
+
"html-webpack-inline-source-plugin": "^0.0.10",
|
|
23
|
+
"html-webpack-plugin": "^5.3.1",
|
|
24
|
+
"ignore-emit-webpack-plugin": "^2.0.6",
|
|
25
|
+
"markdown-loader": "^8.0.0",
|
|
26
|
+
"mini-css-extract-plugin": "^2.3.0",
|
|
27
|
+
"null-loader": "^4.0.1",
|
|
28
|
+
"css-minimizer-webpack-plugin": "^3.0.2",
|
|
29
|
+
"postcss": "^8.2.15",
|
|
30
|
+
"postcss-import": "^14.0.2",
|
|
31
|
+
"postcss-import-webpack-resolver": "^1.0.1",
|
|
32
|
+
"postcss-loader": "^6.1.1",
|
|
33
|
+
"postcss-nested": "^5.0.6",
|
|
34
|
+
"postcss-preset-env": "^6.7.0",
|
|
35
|
+
"postcss-advanced-variables": "^3.0.1",
|
|
36
|
+
"postcss-scss": "^4.0.0",
|
|
37
|
+
"module-from-string": "^3.0.0",
|
|
38
|
+
"raw-loader": "^4.0.2",
|
|
39
|
+
"remark-code-import": "^0.3.0",
|
|
40
|
+
"remark-embed-images": "^2.0.0",
|
|
41
|
+
"remark-images": "^2.0.0",
|
|
42
|
+
"remark-unwrap-images": "^2.0.0",
|
|
43
|
+
"resolve-url-loader": "^4.0.0",
|
|
44
|
+
"source-map-loader": "^3.0.0",
|
|
45
|
+
"style-loader": "^3.2.1",
|
|
46
|
+
"terser-webpack-plugin": "^5.1.2",
|
|
47
|
+
"webpack": "^5.70.0",
|
|
48
|
+
"webpack-bundle-analyzer": "^4.5.0",
|
|
49
|
+
"webpack-cli": "^4.9.2",
|
|
50
|
+
"webpack-dev-server": "^4.9.0",
|
|
51
|
+
"serve": "^12.0.0"
|
|
52
|
+
},
|
|
53
|
+
"devDependencies": {
|
|
54
|
+
"@enhanced-dom/lint": "^0.0.7",
|
|
55
|
+
"@types/html-webpack-plugin": "^3.2.5",
|
|
56
|
+
"@types/loader-utils": "^2.0.2",
|
|
57
|
+
"@types/mini-css-extract-plugin": "^1.4.3",
|
|
58
|
+
"@types/optimize-css-assets-webpack-plugin": "^5.0.3",
|
|
59
|
+
"@types/terser-webpack-plugin": "^5.2.0",
|
|
60
|
+
"@types/webpack": "^5.28.0",
|
|
61
|
+
"@types/webpack-bundle-analyzer": "^2.9.2",
|
|
62
|
+
"typescript": "^4.2.2"
|
|
63
|
+
},
|
|
64
|
+
"overrides": {
|
|
65
|
+
"postcss": "^8.2.15",
|
|
66
|
+
"postcss-scss": "^4.0.0",
|
|
67
|
+
"autoprefixer": "^10.3.5",
|
|
68
|
+
"terser": "^5.12.1"
|
|
69
|
+
},
|
|
70
|
+
"engines": {
|
|
71
|
+
"node": ">=14.17.0",
|
|
72
|
+
"npm": ">=8.0.0"
|
|
73
|
+
}
|
|
74
|
+
}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
|
+
/* eslint-disable @typescript-eslint/no-this-alias */
|
|
5
6
|
const html_webpack_plugin_1 = __importDefault(require("html-webpack-plugin"));
|
|
6
7
|
const html_webpack_inline_source_plugin_1 = __importDefault(require("html-webpack-inline-source-plugin"));
|
|
7
8
|
const fs_1 = __importDefault(require("fs"));
|
|
@@ -50,3 +51,4 @@ html_webpack_inline_source_plugin_1.default.prototype.apply = function (compiler
|
|
|
50
51
|
});
|
|
51
52
|
};
|
|
52
53
|
module.exports = html_webpack_inline_source_plugin_1.default;
|
|
54
|
+
//# sourceMappingURL=HtmlWebpackInlineSourcePlugin.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HtmlWebpackInlineSourcePlugin.js","sourceRoot":"./","sources":["plugins/HtmlWebpackInlineSourcePlugin.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-this-alias */\nimport HtmlWebpackPlugin, { Hooks } from 'html-webpack-plugin'\nimport HtmlWebpackInlineSourcePlugin from 'html-webpack-inline-source-plugin'\nimport { Compilation, Compiler } from 'webpack'\nimport { AsyncSeriesWaterfallHook } from 'tapable'\nimport fs from 'fs'\nimport path from 'path'\n\ntype AsyncSeriesWaterfallHookData<T> = T extends AsyncSeriesWaterfallHook<infer R> ? R : never\n\nHtmlWebpackInlineSourcePlugin.prototype.processTags = function (\n compilation: Compilation,\n pluginData: AsyncSeriesWaterfallHookData<Hooks['afterTemplateExecution']>,\n) {\n const self = this\n\n const headTags = []\n const bodyTags = []\n\n pluginData.headTags.forEach((tag) => {\n headTags.push(self.processTag(compilation, self.assetsRegExp, tag))\n })\n\n pluginData.bodyTags.forEach((tag) => {\n bodyTags.push(self.processTag(compilation, self.assetsRegExp, tag))\n })\n\n return { ...pluginData, headTags, bodyTags }\n}\n\nHtmlWebpackInlineSourcePlugin.prototype.apply = function (compiler: Compiler) {\n const self = this\n self.assetsRegExp = undefined\n self.faviconPath = undefined\n\n compiler.hooks.compilation.tap('html-webpack-inline-source-plugin', (compilation) => {\n HtmlWebpackPlugin.getHooks(compilation).afterTemplateExecution.tapAsync(\n 'html-webpack-inline-source-plugin',\n (htmlPluginData, callback) => {\n self.assetsRegExp = new RegExp('.(js|css)$')\n const result = self.processTags(compilation, htmlPluginData) as typeof htmlPluginData\n const favicon = htmlPluginData.plugin.options.favicon\n if (!favicon || !fs.existsSync(favicon)) {\n return callback(null, result)\n }\n const faviconTag = result.headTags.find((tag) => tag.tagName === 'link' && tag.attributes.rel === 'icon')\n if (faviconTag) {\n self.faviconPath = faviconTag.attributes.href as string\n faviconTag.attributes.href = `data:image/x-icon;base64, ${fs.readFileSync(favicon, 'base64')}`\n }\n callback(null, result)\n },\n )\n })\n\n compiler.hooks.emit.tap('html-webpack-inline-source-plugin', (compilation) => {\n if (self.assetsRegExp) {\n Object.keys(compilation.assets).forEach(function (file) {\n if (file.match(self.assetsRegExp) || file === self.faviconPath?.split(path.sep)?.pop()) {\n delete compilation.assets[file]\n }\n })\n }\n })\n}\n\nexport = HtmlWebpackInlineSourcePlugin\n"]}
|
package/plugins/index.js
CHANGED
|
@@ -69,6 +69,7 @@ const htmlConfigFactory = ({ html = {}, embed } = {}) => {
|
|
|
69
69
|
};
|
|
70
70
|
exports.htmlConfigFactory = htmlConfigFactory;
|
|
71
71
|
const terserConfigFactory = ({ enableSourcemaps = true, terserOptions = {} } = {}) => [
|
|
72
|
+
/* eslint-disable @typescript-eslint/naming-convention */
|
|
72
73
|
new terser_webpack_plugin_1.default({
|
|
73
74
|
parallel: true,
|
|
74
75
|
terserOptions: {
|
|
@@ -88,3 +89,4 @@ const terserConfigFactory = ({ enableSourcemaps = true, terserOptions = {} } = {
|
|
|
88
89
|
}),
|
|
89
90
|
];
|
|
90
91
|
exports.terserConfigFactory = terserConfigFactory;
|
|
92
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"./","sources":["plugins/index.ts"],"names":[],"mappings":";;;;;;AAAA,gDAAuB;AACvB,qEAA8D;AAC9D,gGAA6D;AAC7D,sFAA0D;AAC1D,kFAAgD;AAEhD,8EAAmD;AACnD,4CAAmB;AAGnB,oGAAoE;AAE7D,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,GAAG,wBAAwB,EACnC,cAAc,GAAG,EAAE,MAC4B,EAAE,EAAE,EAAE;IACrD,OAAO;QACL,IAAI,iCAAoB,CAAC;YACvB,QAAQ;SACT,CAAC;QACF,IAAI,sCAAkB,CAAC;YACrB,IAAI,EAAE,SAAS;YACf,gBAAgB,EAAE;gBAChB,MAAM,EAAE,CAAC,UAAU,CAAC;gBACpB,GAAG,cAAc;aAClB;YACD,MAAM,EAAE,sCAAkB,CAAC,aAAa;SACzC,CAAC;KACH,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,gBAAgB,oBAiB5B;AAEM,MAAM,2BAA2B,GAAG,CAAC,cAA4C,EAAE,EAAE,EAAE;IAC5F,OAAO;QACL,IAAI,8CAAoB,CAAC;YACvB,YAAY,EAAE,QAAQ;YACtB,cAAc,EAAE,gCAAgC;YAChD,YAAY,EAAE,KAAK;YACnB,GAAG,WAAW;SACf,CAAC;KACH,CAAA;AACH,CAAC,CAAA;AATY,QAAA,2BAA2B,+BASvC;AAEM,MAAM,iBAAiB,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,KAAqE,EAAE,EAAE,EAAE;;IAC7H,MAAM,QAAQ,GAAG,MAAA,IAAI,CAAC,QAAQ,mCAAI,cAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,eAAe,CAAC,CAAA;IAC3E,MAAM,cAAc,GAAG,YAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAA;IAC9C,MAAM,eAAe,GAAG;;;;;;;;UAQhB,CAAA;IACR,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,cAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,cAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAClI,MAAM,OAAO,GAA4B;QACvC,IAAI,6BAAiB,CAAC;YACpB,MAAM,EAAE,MAAM;YACd,IAAI,EAAE,OAAO;YACb,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC;YACxD,GAAG,IAAI;YACP,OAAO;SACR,CAAC;KACH,CAAA;IAED,IAAI,KAAK,EAAE;QACT,OAAO,CAAC,IAAI,CAAC,IAAI,uCAAsB,EAAE,CAAC,CAAA;KAC3C;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AA5BY,QAAA,iBAAiB,qBA4B7B;AAEM,MAAM,mBAAmB,GAAG,CAAC,EAAE,gBAAgB,GAAG,IAAI,EAAE,aAAa,GAAG,EAAmB,KAAK,EAAE,EAAE,EAAE,CAAC;IAC5G,yDAAyD;IACzD,IAAI,+BAAY,CAAC;QACf,QAAQ,EAAE,IAAI;QACd,aAAa,EAAE;YACb,GAAG,EAAE,KAAK;YACV,SAAS,EAAE,gBAAgB;YAC3B,QAAQ,EAAE;gBACR,QAAQ,EAAE,KAAK;aAChB;YACD,WAAW,EAAE,IAAI;YACjB,eAAe,EAAE,IAAI;YACrB,MAAM,EAAE;gBACN,WAAW,EAAE,IAAI;gBACjB,eAAe,EAAE,IAAI;aACtB;YACD,GAAG,aAAa;SACjB;KACF,CAAC;CACH,CAAA;AAnBY,QAAA,mBAAmB,uBAmB/B","sourcesContent":["import path from 'path'\nimport { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer'\nimport CssMinimizerPlugin from 'css-minimizer-webpack-plugin'\nimport MiniCssExtractPlugin from 'mini-css-extract-plugin'\nimport TerserPlugin from 'terser-webpack-plugin'\nimport { MinifyOptions } from 'terser'\nimport HtmlWebpackPlugin from 'html-webpack-plugin'\nimport fs from 'fs'\nimport { WebpackPluginInstance } from 'webpack'\n\nimport HtmlInlineSourcePlugin from './HtmlWebpackInlineSourcePlugin'\n\nexport const cssConfigFactory = ({\n filename = '[name]-[chunkhash].css',\n cssnanoOptions = {},\n}: { filename?: string; cssnanoOptions?: any } = {}) => {\n return [\n new MiniCssExtractPlugin({\n filename,\n }),\n new CssMinimizerPlugin({\n test: /\\.css$/g,\n minimizerOptions: {\n preset: ['advanced'],\n ...cssnanoOptions,\n },\n minify: CssMinimizerPlugin.cssnanoMinify,\n }),\n ]\n}\n\nexport const bundleAnalyzerConfigFactory = (extraConfig: BundleAnalyzerPlugin.Options = {}) => {\n return [\n new BundleAnalyzerPlugin({\n analyzerMode: 'static',\n reportFilename: './reports/bundle-analysis.html',\n openAnalyzer: false,\n ...extraConfig,\n }),\n ]\n}\n\nexport const htmlConfigFactory = ({ html = {}, embed }: { embed?: boolean; html?: Partial<HtmlWebpackPlugin.Options> } = {}) => {\n const template = html.template ?? path.join(process.cwd(), 'template.html')\n const templateExists = fs.existsSync(template)\n const templateContent = `<!DOCTYPE html>\n <html>\n <head>\n <meta charset=\"UTF-8\" />\n </head>\n <body>\n <div id=\"root\"></div>\n </body>\n </html>`\n const favicon = html.favicon ? (path.isAbsolute(html.favicon) ? html.favicon : path.join(process.cwd(), html.favicon)) : undefined\n const plugins: WebpackPluginInstance[] = [\n new HtmlWebpackPlugin({\n inject: 'body',\n lang: 'en-US',\n ...(templateExists ? { template } : { templateContent }),\n ...html,\n favicon,\n }),\n ]\n\n if (embed) {\n plugins.push(new HtmlInlineSourcePlugin())\n }\n\n return plugins\n}\n\nexport const terserConfigFactory = ({ enableSourcemaps = true, terserOptions = {} as MinifyOptions } = {}) => [\n /* eslint-disable @typescript-eslint/naming-convention */\n new TerserPlugin({\n parallel: true,\n terserOptions: {\n ie8: false,\n sourceMap: enableSourcemaps,\n compress: {\n evaluate: false,\n },\n keep_fnames: true,\n keep_classnames: true,\n mangle: {\n keep_fnames: true,\n keep_classnames: true,\n },\n ...terserOptions,\n },\n }),\n]\n"]}
|