root
/
webpack
mirror of https://github.com/webpack/webpack.git
1
0
Fork 0
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix(css): no extra runtime for node target

This commit is contained in:
alexander.akait 2024-10-13 19:25:20 +03:00
parent 644d8170a0
commit e66f14fa1f
8 changed files with 86 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
lib/css/CssModulesPlugin.js
View File

@ -509,16 +509,41 @@ class CssModulesPlugin {
.tap(PLUGIN_NAME, handler);
compilation.hooks.runtimeRequirementInTree
.for(RuntimeGlobals.ensureChunkHandlers)
.tap(PLUGIN_NAME, (chunk, set) => {
.tap(PLUGIN_NAME, (chunk, set, { chunkGraph }) => {
if (!isEnabledForChunk(chunk)) return;
if (
!chunkGraph.hasModuleInGraph(
chunk,
m =>
m.type === CSS_MODULE_TYPE ||
m.type === CSS_MODULE_TYPE_GLOBAL ||
m.type === CSS_MODULE_TYPE_MODULE ||
m.type === CSS_MODULE_TYPE_AUTO
)
) {
return;
}
set.add(RuntimeGlobals.hasOwnProperty);
set.add(RuntimeGlobals.publicPath);
set.add(RuntimeGlobals.getChunkCssFilename);
});
compilation.hooks.runtimeRequirementInTree
.for(RuntimeGlobals.hmrDownloadUpdateHandlers)
.tap(PLUGIN_NAME, (chunk, set) => {
.tap(PLUGIN_NAME, (chunk, set, { chunkGraph }) => {
if (!isEnabledForChunk(chunk)) return;
if (
!chunkGraph.hasModuleInGraph(
chunk,
m =>
m.type === CSS_MODULE_TYPE ||
m.type === CSS_MODULE_TYPE_GLOBAL ||
m.type === CSS_MODULE_TYPE_MODULE ||
m.type === CSS_MODULE_TYPE_AUTO
)
) {
return;
}
set.add(RuntimeGlobals.publicPath);
set.add(RuntimeGlobals.getChunkCssFilename);
set.add(RuntimeGlobals.moduleFactoriesAddOnly);

8
lib/node/ReadFileCompileAsyncWasmPlugin.js
View File

@ -90,9 +90,10 @@ class ReadFileCompileAsyncWasmPlugin {
compilation.hooks.runtimeRequirementInTree
.for(RuntimeGlobals.instantiateWasm)
.tap("ReadFileCompileAsyncWasmPlugin", (chunk, set) => {
.tap(
"ReadFileCompileAsyncWasmPlugin",
(chunk, set, { chunkGraph }) => {
if (!isEnabledForChunk(chunk)) return;
const chunkGraph = compilation.chunkGraph;
if (
!chunkGraph.hasModuleInGraph(
chunk,
@ -109,7 +110,8 @@ class ReadFileCompileAsyncWasmPlugin {
supportsStreaming: false
})
);
});
}
);
}
);
}

3
lib/node/ReadFileCompileWasmPlugin.js
View File

@ -81,9 +81,8 @@ class ReadFileCompileWasmPlugin {
compilation.hooks.runtimeRequirementInTree
.for(RuntimeGlobals.ensureChunkHandlers)
.tap("ReadFileCompileWasmPlugin", (chunk, set) => {
.tap("ReadFileCompileWasmPlugin", (chunk, set, { chunkGraph }) => {
if (!isEnabledForChunk(chunk)) return;
const chunkGraph = compilation.chunkGraph;
if (
!chunkGraph.hasModuleInGraph(
chunk,

3
lib/web/FetchCompileAsyncWasmPlugin.js
View File

@ -44,9 +44,8 @@ class FetchCompileAsyncWasmPlugin {
compilation.hooks.runtimeRequirementInTree
.for(RuntimeGlobals.instantiateWasm)
.tap("FetchCompileAsyncWasmPlugin", (chunk, set) => {
.tap("FetchCompileAsyncWasmPlugin", (chunk, set, { chunkGraph }) => {
if (!isEnabledForChunk(chunk)) return;
const chunkGraph = compilation.chunkGraph;
if (
!chunkGraph.hasModuleInGraph(
chunk,

3
lib/web/FetchCompileWasmPlugin.js
View File

@ -58,9 +58,8 @@ class FetchCompileWasmPlugin {
compilation.hooks.runtimeRequirementInTree
.for(RuntimeGlobals.ensureChunkHandlers)
.tap(PLUGIN_NAME, (chunk, set) => {
.tap(PLUGIN_NAME, (chunk, set, { chunkGraph }) => {
if (!isEnabledForChunk(chunk)) return;
const chunkGraph = compilation.chunkGraph;
if (
!chunkGraph.hasModuleInGraph(
chunk,

25
test/configCases/css/async-chunk-node/index.js Normal file
View File

@ -0,0 +1,25 @@
it("should allow to dynamic import a css module", done => {
import("../exports/style.module.css").then(x => {
try {
expect(x).toEqual(
nsObj({
a: "a",
abc: "a b c",
comments: "abc def",
"white space": "abc\n\tdef",
default: "default"
})
);
} catch (e) {
return done(e);
}
done();
}, done);
});
it("should allow to dynamic import a pure css", done => {
import("./style.css").then(x => {
expect(Object.keys(x).length).toBe(0)
done();
}, done);
});

3
test/configCases/css/async-chunk-node/style.css Normal file
View File

@ -0,0 +1,3 @@
.class {
color: red;
}

8
test/configCases/css/async-chunk-node/webpack.config.js Normal file
View File

@ -0,0 +1,8 @@
/** @type {import("../../../../").Configuration} */
module.exports = {
target: "node",
mode: "development",
experiments: {
css: true
}
};