diff --git a/.gitattributes b/.gitattributes
index 523549285a1..4a65e411fbd 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -3,4 +3,5 @@ test/statsCases/** eol=lf
examples/* eol=lf
bin/* eol=lf
*.svg eol=lf
+*.css eol=lf
**/*webpack.lock.data/** -text
diff --git a/.travis.yml b/.travis.yml
deleted file mode 100644
index b2f09b31b78..00000000000
--- a/.travis.yml
+++ /dev/null
@@ -1,74 +0,0 @@
-dist: trusty
-language: node_js
-
-branches:
- only:
- - webpack-4
- - main
- - next
- - dev-1
-
-cache:
- yarn: true
- directories:
- - ".jest-cache"
- - ".eslintcache"
-
-stages:
- - basic
- - advanced
-
-matrix:
- include:
- - os: linux
- node_js: "12"
- env: NO_WATCH_TESTS=1 JEST="--maxWorkers=2 --cacheDirectory .jest-cache" JOB_PART=basic
- stage: basic
- - os: linux
- node_js: "12"
- env: NO_WATCH_TESTS=1 JEST="--maxWorkers=2 --cacheDirectory .jest-cache" JOB_PART=lintunit
- stage: advanced
- - os: linux
- node_js: "12"
- env: NO_WATCH_TESTS=1 JEST="--maxWorkers=2 --cacheDirectory .jest-cache" JOB_PART=integration
- stage: advanced
- - os: linux
- node_js: "12"
- env: NO_WATCH_TESTS=1 ALTERNATIVE_SORT=1 JEST="--maxWorkers=2 --cacheDirectory .jest-cache" JOB_PART=integration
- stage: advanced
- - os: linux
- node_js: "10"
- env:
- - NODEJS_VERSION=v15.0.0-nightly2020082003293aa3a1
- - YARN_EXTRA_ARGS="--ignore-engines"
- - NO_WATCH_TESTS=1
- - JEST="--maxWorkers=2 --cacheDirectory .jest-cache"
- - JOB_PART=integration
- stage: advanced
- fast_finish: true
-
-before_install:
- - |
- if [ "$NODEJS_VERSION" != "" ];
- then
- mkdir /opt/node
- curl --silent "https://nodejs.org/download/nightly/$NODEJS_VERSION/node-$NODEJS_VERSION-linux-x64.tar.gz" | tar -zxf - --directory /opt/node
- export PATH="/opt/node/node-$NODEJS_VERSION-linux-x64/bin:$PATH"
- node --version
- fi
-
-install:
- - yarn --frozen-lockfile $YARN_EXTRA_ARGS
- - yarn link --frozen-lockfile $YARN_EXTRA_ARGS || true
- - yarn link webpack --frozen-lockfile $YARN_EXTRA_ARGS
-
-script: yarn travis:$JOB_PART
-
-after_success:
- - cat ./coverage/lcov.info | node_modules/.bin/coveralls --verbose
- - bash <(curl -s https://codecov.io/bash) -F $JOB_PART -X gcov
- - rm -f .jest-cache/haste-map* .jest-cache/perf-cache*
-
-notifications:
- slack:
- secure: JduSdKWwbnLCwo7Z4E59SGE+Uw832UwnXzQiKEpg1BV45MYDPRiGltly1tRHmPh9OGjvGx3XSkC2tNGOBLtL4UL2SCkf012x0t7jDutKRfcv/njynl8jk8l+UhPmaWiHXDQAgGiiKdL4RfzPLW3HeVHCOWm0LKMzcarTa8tw+rE=
diff --git a/README.md b/README.md
index 802a1f172fa..517a5ee32e7 100644
--- a/README.md
+++ b/README.md
@@ -9,8 +9,6 @@
[![node][node]][node-url]
[![deps][deps]][deps-url]
-[![tests][tests]][tests-url]
-[![builds][builds]][builds-url]
[![builds2][builds2]][builds2-url]
[![coverage][cover]][cover-url]
[![licenses][licenses]][licenses-url]
@@ -689,7 +687,7 @@ src="https://static.monei.net/monei-logo.svg" height="30" alt="MONEI">
- [@google](https://github.com/google) for [Google Web Toolkit (GWT)](http://www.gwtproject.org/), which aims to compile Java to JavaScript. It features a similar [Code Splitting](http://www.gwtproject.org/doc/latest/DevGuideCodeSplitting.html) as webpack.
- [@medikoo](https://github.com/medikoo) for [modules-webmake](https://github.com/medikoo/modules-webmake), which is a similar project. webpack was born because I wanted Code Splitting for modules-webmake. Interestingly the [Code Splitting issue is still open](https://github.com/medikoo/modules-webmake/issues/7) (thanks also to @Phoscur for the discussion).
-- [@substack](https://github.com/substack) for [browserify](http://browserify.org/), which is a similar project and source for many ideas.
+- [@substack](https://github.com/substack) for [browserify](https://browserify.org/), which is a similar project and source for many ideas.
- [@jrburke](https://github.com/jrburke) for [require.js](https://requirejs.org/), which is a similar project and source for many ideas.
- [@defunctzombie](https://github.com/defunctzombie) for the [browser-field spec](https://github.com/defunctzombie/package-browser-field-spec), which makes modules available for node.js, browserify and webpack.
- Every early webpack user, which contributed to webpack by writing issues or PRs. You influenced the direction...
@@ -703,12 +701,8 @@ src="https://static.monei.net/monei-logo.svg" height="30" alt="MONEI">
[node-url]: https://nodejs.org
[deps]: https://img.shields.io/david/webpack/webpack.svg
[deps-url]: https://david-dm.org/webpack/webpack
-[tests]: https://img.shields.io/travis/webpack/webpack/main.svg
-[tests-url]: https://travis-ci.org/webpack/webpack
[prs]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg
[prs-url]: https://webpack.js.org/contribute/
-[builds-url]: https://ci.appveyor.com/project/sokra/webpack/branch/main
-[builds]: https://ci.appveyor.com/api/projects/status/github/webpack/webpack?svg=true
[builds2]: https://dev.azure.com/webpack/webpack/_apis/build/status/webpack.webpack
[builds2-url]: https://dev.azure.com/webpack/webpack/_build/latest?definitionId=3
[licenses-url]: https://app.fossa.io/projects/git%2Bhttps%3A%2F%2Fgithub.com%2Fwebpack%2Fwebpack?ref=badge_shield
diff --git a/cspell.json b/cspell.json
index bf63b78ffbc..7ac16bc9e3e 100644
--- a/cspell.json
+++ b/cspell.json
@@ -1,241 +1,308 @@
{
- "version": "0.1",
+ "version": "0.2",
"language": "en",
"words": [
- "webpack",
- "webpack's",
- "endregion",
- "entrypoint",
- "entrypoints",
- "splitted",
- "dedupe",
- "deduplication",
- "deduplicating",
- "unoptimized",
- "prefetch",
- "prefetching",
- "prefetched",
- "preload",
- "preloading",
- "preloaded",
- "gzipping",
- "brotli",
- "submodule",
- "submodules",
- "typeof",
- "devtool",
- "wasi",
- "wasm",
- "webassembly",
- "IIFE",
- "IIFE's",
+ "absolutify",
+ "acircular",
+ "amdmodule",
+ "asmjs",
+ "assemblyscript",
+ "asyncloader",
+ "atlaskit",
+ "autocrlf",
+ "babeljs",
+ "backport",
+ "backported",
+ "basictest",
"bigint",
- "unexception",
- "etag",
+ "BirĂ³",
+ "bitfield",
+ "bomfile",
+ "booleanized",
+ "boolish",
+ "brotli",
+ "browserified",
+ "browserslist",
+ "browserslistrc",
+ "Brumme",
+ "bugfix",
+ "bugfixes",
"builtins",
- "uncacheable",
"cacheable",
- "mergeable",
+ "callme",
+ "camelcase",
+ "chainable",
+ "chunkfilename",
+ "chunkhash",
+ "chunkname",
+ "cmodule",
+ "codecov",
+ "cofounder",
+ "Collet's",
+ "compat",
+ "concated",
+ "contenthash",
+ "contextifies",
+ "crossorigin",
+ "csvg",
+ "cujojs",
+ "Dani",
+ "darkblue",
+ "darkgreen",
+ "darkred",
+ "datastructures",
+ "declarators",
+ "dedupe",
+ "deduplicating",
+ "deduplication",
+ "defunctzombie",
+ "deopt",
+ "deopts",
+ "dependabot",
+ "Descr",
+ "deserialization",
+ "destructure",
+ "devtool",
"devtools",
- "transpiled",
- "mixins",
- "subdir",
+ "donotcallme",
+ "endregion",
+ "entrypoint",
+ "entrypoints",
+ "Eoksni",
+ "eqeqeq",
"errored",
+ "esmodule",
+ "estree",
+ "etag",
+ "etags",
"eval",
- "multiplicator",
- "finalizer",
- "promisify",
- "absolutify",
- "camelcase",
+ "Ewald",
+ "exitance",
"filebase",
- "moduleid",
- "modulehash",
- "chunkfilename",
- "chunkname",
- "chunkhash",
+ "fileoverview",
+ "filepath",
+ "finalizer",
+ "finializer",
+ "fsevents",
"fullhash",
- "contenthash",
+ "funcindex",
+ "functype",
+ "gcov",
+ "gibibytes",
+ "gitattributes",
+ "gitter",
+ "global's",
+ "globstar",
+ "gzipping",
"hashable",
+ "hashbang",
+ "hashchange",
+ "hashs",
+ "hotpink",
"hotupdatechunk",
+ "ident",
+ "idents",
+ "IIFE's",
+ "IIFE",
+ "informations",
+ "instanceof",
+ "inversed",
+ "jhnns",
+ "jrburke",
+ "jsfile",
+ "jsons",
+ "junit",
+ "Junya",
+ "kaios",
+ "Kees",
+ "kibibytes",
+ "Kluskens",
+ "Koppers",
+ "laof",
+ "Larkin",
+ "lcov",
+ "lcovonly",
+ "lintunit",
+ "loadername",
+ "loglevel",
+ "longnameforexport",
+ "mangleable",
+ "MCEP",
+ "mebibytes",
+ "medikoo",
+ "membertest",
+ "memfs",
+ "mergeable",
+ "metacharacters",
+ "microtask",
+ "microtasks",
"middleware",
"middlewares",
+ "mimetype",
+ "mixins",
+ "modulehash",
+ "moduleid",
+ "modulos",
+ "moji",
+ "MONEI",
+ "mult",
+ "multiplicator",
+ "mylibrary",
+ "mynamespace",
+ "navigations",
+ "nmodule",
+ "noimport",
+ "nonexistentfile",
+ "nonrecursive",
+ "nosource",
+ "nosources",
+ "nwjs",
+ "onconnect",
+ "opencollective",
+ "opensource",
+ "opuuus",
+ "overridable",
+ "overridables",
+ "parallelism",
+ "passthrough",
+ "pathinfo",
+ "performant",
+ "Phoscur",
+ "pmodule",
+ "pnpm",
+ "polyfilled",
+ "popstate",
+ "posthtml",
+ "precompute",
+ "prefetch",
+ "prefetched",
+ "prefetching",
+ "preload",
+ "preloaded",
+ "preloading",
+ "preparsed",
+ "prettierrc",
+ "prewalking",
+ "prioritise",
+ "promisify",
+ "quasis",
+ "queryloader",
+ "querystrings",
+ "RBDT",
+ "recurse",
+ "redeclaration",
+ "reexecuted",
+ "referenceable",
+ "referencer",
+ "repo",
+ "repos",
+ "return'development",
+ "returnfalse",
+ "revparse",
+ "rimraf",
+ "Rivest",
+ "rrrlll",
+ "runtime",
+ "runtimes",
+ "samsunginternet",
+ "sandboxed",
+ "serializables",
"serializer",
"serializers",
- "deserialization",
- "referenceable",
- "polyfilled",
- "transpiling",
- "transpile",
- "transpiles",
+ "shama",
+ "skypack",
"snapshotting",
+ "sokra",
+ "somepackage",
+ "somepath",
"sourcemap",
- "nosources",
- "filepath",
+ "sourcemapped",
+ "splitted",
+ "stylesheet",
+ "subdir",
+ "subfolder",
+ "submodule",
+ "submodules",
"subpath",
- "pathinfo",
- "undelayed",
- "microtask",
- "microtasks",
- "deopt",
- "deopts",
- "sandboxed",
- "mangleable",
- "passthrough",
- "prioritise",
- "booleanized",
- "serializables",
- "unreviewed",
- "unshifted",
- "nonrecursive",
+ "substack",
"symlinked",
- "subfolder",
- "prettierrc",
+ "syncloader",
+ "systemjs",
+ "tapable",
"templated",
"templating",
- "kibibytes",
- "mebibytes",
- "gibibytes",
- "typechecker",
- "recurse",
- "preparsed",
- "autocrlf",
- "lcov",
- "lcovonly",
- "gcov",
- "lintunit",
- "instanceof",
- "loglevel",
- "runtime",
- "runtimes",
- "mimetype",
+ "testcase",
+ "testlink",
+ "testloader",
"testvalue",
+ "timestamping",
+ "tmpl",
+ "toplevel",
+ "traceur",
+ "transpile",
+ "transpiled",
+ "transpiles",
+ "transpiling",
+ "triaging",
+ "Tshs",
+ "typechecker",
+ "typeof",
+ "ufeff",
+ "uncacheable",
+ "undefine",
+ "undelayed",
+ "unexception",
+ "unoptimized",
+ "unreviewed",
+ "unshifted",
+ "unsplittable",
+ "untaint",
"unusedkey",
"unusedvalue",
- "performant",
- "watchings",
- "jsons",
- "exitance",
- "ident",
- "idents",
- "globstar",
- "inversed",
- "concated",
- "RBDT",
- "opensource",
- "bugfix",
- "bugfixes",
- "declarators",
- "rrrlll",
- "undefine",
- "finializer",
- "quasis",
- "hashs",
- "functype",
- "funcindex",
- "Descr",
+ "url's",
+ "valign",
"valtype",
- "informations",
- "reexecuted",
- "global's",
- "unsplittable",
- "chainable",
- "metacharacters",
+ "wasi",
+ "wasm",
+ "watchings",
+ "watchpack",
+ "webassembly",
+ "webassemblyjs",
+ "webmake",
+ "webpack's",
+ "webpack",
"Xarray",
+ "Xexports",
"Xfactory",
"Xmodule",
- "Xexports",
- "moji",
- "bitfield",
- "precompute",
- "toplevel",
- "modulos",
- "untaint",
- "ufeff",
- "timestamping",
- "loadername",
- "laof",
- "cofounder",
- "hashchange",
- "popstate",
- "hotpink",
- "navigations",
- "compat",
- "noimport",
- "tmpl",
- "csvg",
- "repo",
- "repos",
- "triaging",
- "valign",
- "returnfalse",
- "return'development",
- "datastructures",
- "prewalking",
- "overridables",
- "overridable",
- "darkblue",
- "darkgreen",
- "darkred",
- "eqeqeq",
- "boolish",
- "analysing",
- "etags",
- "destructure",
- "onconnect",
- "nwjs",
- "redeclaration",
- "kaios",
- "parallelism",
- "gitattributes",
- "hashbang",
-
- "webassemblyjs",
- "assemblyscript",
- "fsevents",
- "watchpack",
- "tapable",
- "junit",
- "memfs",
- "rimraf",
- "estree",
- "posthtml",
- "MCEP",
- "traceur",
- "atlaskit",
"xxhash",
"xxhashjs",
- "systemjs",
- "skypack",
-
- "sokra",
- "Koppers",
- "Junya",
- "Eoksni",
- "Ewald",
- "Larkin",
- "Kees",
- "Kluskens",
- "Phoscur",
- "defunctzombie",
- "shama",
- "jhnns",
- "substack",
- "MONEI",
- "medikoo",
- "webmake",
- "jrburke",
- "gitter",
- "codecov",
- "opencollective",
- "dependabot",
- "browserslist",
- "samsunginternet",
- "pnpm"
+ "Yann"
+ ],
+ "ignoreRegExpList": [
+ "/Author.+/",
+ "/data:.*/",
+ "/\"mappings\":\".+\"/",
+ "/toMatchInlineSnapshot\\(\\s*`[^`]*`\\s*\\)/"
],
- "ignoreRegExpList": ["/Author.+/", "/data:.*/", "/\"mappings\":\".+\"/"],
"ignorePaths": [
"**/dist/**",
"examples/**/README.md",
- "**/webpack.lock.data/**"
+ "**/webpack.lock.data/**",
+ "package.json",
+ "yarn.lock",
+ "types.d.ts",
+ "**/**/*.snap",
+ "test/cases/json/weird-properties/globals.json",
+ "**/*.svg",
+ "*.log",
+ "**/*.wasm",
+ "coverage/**",
+ "test/**/module.js",
+ "test/js/**",
+ "test/cases/**",
+ "test/configCases/**",
+ "test/statsCases/**",
+ "test/fixtures/**"
]
}
diff --git a/declarations.d.ts b/declarations.d.ts
index ea7c1ab6154..a3066e990d7 100644
--- a/declarations.d.ts
+++ b/declarations.d.ts
@@ -204,7 +204,7 @@ declare module "@webassemblyjs/ast" {
raw?: string
): FloatLiteral;
export function global(globalType: string, nodes: Node[]): Global;
- export function identifier(indentifier: string): Identifier;
+ export function identifier(identifier: string): Identifier;
export function funcParam(valType: string, id: Identifier): FuncParam;
export function instruction(inst: string, args?: Node[]): Instruction;
export function callInstruction(funcIndex: Index): CallInstruction;
diff --git a/declarations/WebpackOptions.d.ts b/declarations/WebpackOptions.d.ts
index 2bbd087963c..6ac7dd49aa9 100644
--- a/declarations/WebpackOptions.d.ts
+++ b/declarations/WebpackOptions.d.ts
@@ -95,7 +95,7 @@ export type LibraryExport = string[] | string;
*/
export type LibraryName = string[] | string | LibraryCustomUmdObject;
/**
- * Type of library (types included by default are 'var', 'module', 'assign', 'assign-properties', 'this', 'window', 'self', 'global', 'commonjs', 'commonjs2', 'commonjs-module', 'amd', 'amd-require', 'umd', 'umd2', 'jsonp', 'system', but others might be added by plugins).
+ * Type of library (types included by default are 'var', 'module', 'assign', 'assign-properties', 'this', 'window', 'self', 'global', 'commonjs', 'commonjs2', 'commonjs-module', 'commonjs-static', 'amd', 'amd-require', 'umd', 'umd2', 'jsonp', 'system', but others might be added by plugins).
*/
export type LibraryType =
| (
@@ -110,6 +110,7 @@ export type LibraryType =
| "commonjs"
| "commonjs2"
| "commonjs-module"
+ | "commonjs-static"
| "amd"
| "amd-require"
| "umd"
@@ -189,6 +190,7 @@ export type ExternalsType =
| "commonjs"
| "commonjs2"
| "commonjs-module"
+ | "commonjs-static"
| "amd"
| "amd-require"
| "umd"
@@ -443,6 +445,14 @@ export type CompareBeforeEmit = boolean;
* This option enables cross-origin loading of chunks.
*/
export type CrossOriginLoading = false | "anonymous" | "use-credentials";
+/**
+ * Specifies the filename template of non-initial output css files on disk. You must **not** specify an absolute path here, but the path may contain folders separated by '/'! The specified path is joined with the value of the 'output.path' option to determine the location on disk.
+ */
+export type CssChunkFilename = FilenameTemplate;
+/**
+ * Specifies the filename template of output css files on disk. You must **not** specify an absolute path here, but the path may contain folders separated by '/'! The specified path is joined with the value of the 'output.path' option to determine the location on disk.
+ */
+export type CssFilename = FilenameTemplate;
/**
* Similar to `output.devtoolModuleFilenameTemplate`, but used in the case of duplicate module identifiers.
*/
@@ -682,6 +692,15 @@ export type AssetGeneratorDataUrlFunction = (
*/
export type AssetGeneratorOptions = AssetInlineGeneratorOptions &
AssetResourceGeneratorOptions;
+/**
+ * Emit the asset in the specified folder relative to 'output.path'. This should only be needed when custom 'publicPath' is specified to match the folder structure there.
+ */
+export type AssetModuleOutputPath =
+ | string
+ | ((
+ pathData: import("../lib/Compilation").PathData,
+ assetInfo?: import("../lib/Compilation").AssetInfo
+ ) => string);
/**
* Function that executes for module and should return whenever asset should be inlined as DataUrl.
*/
@@ -1077,7 +1096,7 @@ export interface LibraryOptions {
*/
name?: LibraryName;
/**
- * Type of library (types included by default are 'var', 'module', 'assign', 'assign-properties', 'this', 'window', 'self', 'global', 'commonjs', 'commonjs2', 'commonjs-module', 'amd', 'amd-require', 'umd', 'umd2', 'jsonp', 'system', but others might be added by plugins).
+ * Type of library (types included by default are 'var', 'module', 'assign', 'assign-properties', 'this', 'window', 'self', 'global', 'commonjs', 'commonjs2', 'commonjs-module', 'commonjs-static', 'amd', 'amd-require', 'umd', 'umd2', 'jsonp', 'system', but others might be added by plugins).
*/
type: LibraryType;
/**
@@ -1976,6 +1995,14 @@ export interface Output {
* This option enables cross-origin loading of chunks.
*/
crossOriginLoading?: CrossOriginLoading;
+ /**
+ * Specifies the filename template of non-initial output css files on disk. You must **not** specify an absolute path here, but the path may contain folders separated by '/'! The specified path is joined with the value of the 'output.path' option to determine the location on disk.
+ */
+ cssChunkFilename?: CssChunkFilename;
+ /**
+ * Specifies the filename template of output css files on disk. You must **not** specify an absolute path here, but the path may contain folders separated by '/'! The specified path is joined with the value of the 'output.path' option to determine the location on disk.
+ */
+ cssFilename?: CssFilename;
/**
* Similar to `output.devtoolModuleFilenameTemplate`, but used in the case of duplicate module identifiers.
*/
@@ -2061,7 +2088,7 @@ export interface Output {
*/
libraryExport?: LibraryExport;
/**
- * Type of library (types included by default are 'var', 'module', 'assign', 'assign-properties', 'this', 'window', 'self', 'global', 'commonjs', 'commonjs2', 'commonjs-module', 'amd', 'amd-require', 'umd', 'umd2', 'jsonp', 'system', but others might be added by plugins).
+ * Type of library (types included by default are 'var', 'module', 'assign', 'assign-properties', 'this', 'window', 'self', 'global', 'commonjs', 'commonjs2', 'commonjs-module', 'commonjs-static', 'amd', 'amd-require', 'umd', 'umd2', 'jsonp', 'system', but others might be added by plugins).
*/
libraryTarget?: LibraryType;
/**
@@ -2174,6 +2201,14 @@ export interface Environment {
* The environment supports EcmaScript Module syntax to import EcmaScript modules (import ... from '...').
*/
module?: boolean;
+ /**
+ * The environment supports optional chaining ('obj?.a' or 'obj?.()').
+ */
+ optionalChaining?: boolean;
+ /**
+ * The environment supports template literals.
+ */
+ templateLiteral?: boolean;
}
/**
* Use a Trusted Types policy to create urls for chunks.
@@ -2679,11 +2714,32 @@ export interface AssetResourceGeneratorOptions {
* Specifies the filename template of output files on disk. You must **not** specify an absolute path here, but the path may contain folders separated by '/'! The specified path is joined with the value of the 'output.path' option to determine the location on disk.
*/
filename?: FilenameTemplate;
+ /**
+ * Emit the asset in the specified folder relative to 'output.path'. This should only be needed when custom 'publicPath' is specified to match the folder structure there.
+ */
+ outputPath?: AssetModuleOutputPath;
/**
* The 'publicPath' specifies the public URL address of the output files when referenced in a browser.
*/
publicPath?: RawPublicPath;
}
+/**
+ * Options for css handling.
+ */
+export interface CssExperimentOptions {
+ /**
+ * Avoid generating and loading a stylesheet and only embed exports from css into output javascript files.
+ */
+ exportsOnly?: boolean;
+}
+/**
+ * Generator options for css modules.
+ */
+export interface CssGeneratorOptions {}
+/**
+ * Parser options for css modules.
+ */
+export interface CssParserOptions {}
/**
* No generator options are supported for this module type.
*/
@@ -3104,6 +3160,14 @@ export interface OutputNormalized {
* This option enables cross-origin loading of chunks.
*/
crossOriginLoading?: CrossOriginLoading;
+ /**
+ * Specifies the filename template of non-initial output css files on disk. You must **not** specify an absolute path here, but the path may contain folders separated by '/'! The specified path is joined with the value of the 'output.path' option to determine the location on disk.
+ */
+ cssChunkFilename?: CssChunkFilename;
+ /**
+ * Specifies the filename template of output css files on disk. You must **not** specify an absolute path here, but the path may contain folders separated by '/'! The specified path is joined with the value of the 'output.path' option to determine the location on disk.
+ */
+ cssFilename?: CssFilename;
/**
* Similar to `output.devtoolModuleFilenameTemplate`, but used in the case of duplicate module identifiers.
*/
@@ -3394,6 +3458,10 @@ export interface ExperimentsExtra {
* Build http(s): urls using a lockfile and resource content cache.
*/
buildHttp?: HttpUriAllowedUris | HttpUriOptions;
+ /**
+ * Enable css support.
+ */
+ css?: boolean | CssExperimentOptions;
/**
* Compile entrypoints and import()s only when they are accessed.
*/
@@ -3407,6 +3475,10 @@ export interface ExperimentsNormalizedExtra {
* Build http(s): urls using a lockfile and resource content cache.
*/
buildHttp?: HttpUriOptions;
+ /**
+ * Enable css support.
+ */
+ css?: CssExperimentOptions;
/**
* Compile entrypoints and import()s only when they are accessed.
*/
diff --git a/declarations/plugins/container/ContainerPlugin.d.ts b/declarations/plugins/container/ContainerPlugin.d.ts
index b1ae624f698..9e48334a3cf 100644
--- a/declarations/plugins/container/ContainerPlugin.d.ts
+++ b/declarations/plugins/container/ContainerPlugin.d.ts
@@ -29,7 +29,7 @@ export type LibraryExport = string[] | string;
*/
export type LibraryName = string[] | string | LibraryCustomUmdObject;
/**
- * Type of library (types included by default are 'var', 'module', 'assign', 'assign-properties', 'this', 'window', 'self', 'global', 'commonjs', 'commonjs2', 'commonjs-module', 'amd', 'amd-require', 'umd', 'umd2', 'jsonp', 'system', but others might be added by plugins).
+ * Type of library (types included by default are 'var', 'module', 'assign', 'assign-properties', 'this', 'window', 'self', 'global', 'commonjs', 'commonjs2', 'commonjs-module', 'commonjs-static', 'amd', 'amd-require', 'umd', 'umd2', 'jsonp', 'system', but others might be added by plugins).
*/
export type LibraryType =
| (
@@ -44,6 +44,7 @@ export type LibraryType =
| "commonjs"
| "commonjs2"
| "commonjs-module"
+ | "commonjs-static"
| "amd"
| "amd-require"
| "umd"
@@ -126,7 +127,7 @@ export interface LibraryOptions {
*/
name?: LibraryName;
/**
- * Type of library (types included by default are 'var', 'module', 'assign', 'assign-properties', 'this', 'window', 'self', 'global', 'commonjs', 'commonjs2', 'commonjs-module', 'amd', 'amd-require', 'umd', 'umd2', 'jsonp', 'system', but others might be added by plugins).
+ * Type of library (types included by default are 'var', 'module', 'assign', 'assign-properties', 'this', 'window', 'self', 'global', 'commonjs', 'commonjs2', 'commonjs-module', 'commonjs-static', 'amd', 'amd-require', 'umd', 'umd2', 'jsonp', 'system', but others might be added by plugins).
*/
type: LibraryType;
/**
diff --git a/declarations/plugins/container/ContainerReferencePlugin.d.ts b/declarations/plugins/container/ContainerReferencePlugin.d.ts
index 3c0927d7ee8..a658444469b 100644
--- a/declarations/plugins/container/ContainerReferencePlugin.d.ts
+++ b/declarations/plugins/container/ContainerReferencePlugin.d.ts
@@ -18,6 +18,7 @@ export type ExternalsType =
| "commonjs"
| "commonjs2"
| "commonjs-module"
+ | "commonjs-static"
| "amd"
| "amd-require"
| "umd"
diff --git a/declarations/plugins/container/ModuleFederationPlugin.d.ts b/declarations/plugins/container/ModuleFederationPlugin.d.ts
index 87c2b5f78b6..2fa654150d4 100644
--- a/declarations/plugins/container/ModuleFederationPlugin.d.ts
+++ b/declarations/plugins/container/ModuleFederationPlugin.d.ts
@@ -29,7 +29,7 @@ export type LibraryExport = string[] | string;
*/
export type LibraryName = string[] | string | LibraryCustomUmdObject;
/**
- * Type of library (types included by default are 'var', 'module', 'assign', 'assign-properties', 'this', 'window', 'self', 'global', 'commonjs', 'commonjs2', 'commonjs-module', 'amd', 'amd-require', 'umd', 'umd2', 'jsonp', 'system', but others might be added by plugins).
+ * Type of library (types included by default are 'var', 'module', 'assign', 'assign-properties', 'this', 'window', 'self', 'global', 'commonjs', 'commonjs2', 'commonjs-module', 'commonjs-static', 'amd', 'amd-require', 'umd', 'umd2', 'jsonp', 'system', but others might be added by plugins).
*/
export type LibraryType =
| (
@@ -44,6 +44,7 @@ export type LibraryType =
| "commonjs"
| "commonjs2"
| "commonjs-module"
+ | "commonjs-static"
| "amd"
| "amd-require"
| "umd"
@@ -70,6 +71,7 @@ export type ExternalsType =
| "commonjs"
| "commonjs2"
| "commonjs-module"
+ | "commonjs-static"
| "amd"
| "amd-require"
| "umd"
@@ -182,7 +184,7 @@ export interface LibraryOptions {
*/
name?: LibraryName;
/**
- * Type of library (types included by default are 'var', 'module', 'assign', 'assign-properties', 'this', 'window', 'self', 'global', 'commonjs', 'commonjs2', 'commonjs-module', 'amd', 'amd-require', 'umd', 'umd2', 'jsonp', 'system', but others might be added by plugins).
+ * Type of library (types included by default are 'var', 'module', 'assign', 'assign-properties', 'this', 'window', 'self', 'global', 'commonjs', 'commonjs2', 'commonjs-module', 'commonjs-static', 'amd', 'amd-require', 'umd', 'umd2', 'jsonp', 'system', but others might be added by plugins).
*/
type: LibraryType;
/**
diff --git a/examples/css/README.md b/examples/css/README.md
new file mode 100644
index 00000000000..08b76f663b4
--- /dev/null
+++ b/examples/css/README.md
@@ -0,0 +1,536 @@
+# example.js
+
+```javascript
+import "./style.css";
+import "./style2.css";
+import { main } from "./style.module.css";
+import("./lazy-style.css");
+
+document.getElementsByTagName("main")[0].className = main;
+```
+
+# style.css
+
+```javascript
+@import "style-imported.css";
+@import "https://fonts.googleapis.com/css?family=Open+Sans";
+
+body {
+ background: green;
+ font-family: "Open Sans";
+}
+```
+
+# dist/output.js
+
+```javascript
+/******/ (() => { // webpackBootstrap
+/******/ "use strict";
+/******/ var __webpack_modules__ = ({
+
+/***/ 3:
+/*!*************************!*\
+ !*** ./images/file.png ***!
+ \*************************/
+/*! default exports */
+/*! exports [not provided] [no usage info] */
+/*! runtime requirements: module, __webpack_require__.p, __webpack_require__.* */
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+module.exports = __webpack_require__.p + "89a353e9c515885abd8e.png";
+
+/***/ })
+
+/******/ });
+```
+
+/* webpack runtime code */
+
+``` js
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/ // Check if module is in cache
+/******/ var cachedModule = __webpack_module_cache__[moduleId];
+/******/ if (cachedModule !== undefined) {
+/******/ return cachedModule.exports;
+/******/ }
+/******/ // Create a new module (and put it into the cache)
+/******/ var module = __webpack_module_cache__[moduleId] = {
+/******/ // no module.id needed
+/******/ // no module.loaded needed
+/******/ exports: {}
+/******/ };
+/******/
+/******/ // Execute the module function
+/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/
+/******/ // Return the exports of the module
+/******/ return module.exports;
+/******/ }
+/******/
+/******/ // expose the modules object (__webpack_modules__)
+/******/ __webpack_require__.m = __webpack_modules__;
+/******/
+/************************************************************************/
+/******/ /* webpack/runtime/ensure chunk */
+/******/ (() => {
+/******/ __webpack_require__.f = {};
+/******/ // This file contains only the entry chunk.
+/******/ // The chunk loading function for additional chunks
+/******/ __webpack_require__.e = (chunkId) => {
+/******/ return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {
+/******/ __webpack_require__.f[key](chunkId, promises);
+/******/ return promises;
+/******/ }, []));
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/get css chunk filename */
+/******/ (() => {
+/******/ // This function allow to reference async chunks
+/******/ __webpack_require__.k = (chunkId) => {
+/******/ // return url for filenames based on template
+/******/ return "" + chunkId + ".output.css";
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/get javascript chunk filename */
+/******/ (() => {
+/******/ // This function allow to reference async chunks
+/******/ __webpack_require__.u = (chunkId) => {
+/******/ // return url for filenames based on template
+/******/ return "" + chunkId + ".output.js";
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/
+/******/ /* webpack/runtime/load script */
+/******/ (() => {
+/******/ var inProgress = {};
+/******/ var dataWebpackPrefix = "app:";
+/******/ // loadScript function to load a script via script tag
+/******/ __webpack_require__.l = (url, done, key, chunkId) => {
+/******/ if(inProgress[url]) { inProgress[url].push(done); return; }
+/******/ var script, needAttach;
+/******/ if(key !== undefined) {
+/******/ var scripts = document.getElementsByTagName("script");
+/******/ for(var i = 0; i < scripts.length; i++) {
+/******/ var s = scripts[i];
+/******/ if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; }
+/******/ }
+/******/ }
+/******/ if(!script) {
+/******/ needAttach = true;
+/******/ script = document.createElement('script');
+/******/
+/******/ script.charset = 'utf-8';
+/******/ script.timeout = 120;
+/******/ if (__webpack_require__.nc) {
+/******/ script.setAttribute("nonce", __webpack_require__.nc);
+/******/ }
+/******/ script.setAttribute("data-webpack", dataWebpackPrefix + key);
+/******/ script.src = url;
+/******/ }
+/******/ inProgress[url] = [done];
+/******/ var onScriptComplete = (prev, event) => {
+/******/ // avoid mem leaks in IE.
+/******/ script.onerror = script.onload = null;
+/******/ clearTimeout(timeout);
+/******/ var doneFns = inProgress[url];
+/******/ delete inProgress[url];
+/******/ script.parentNode && script.parentNode.removeChild(script);
+/******/ doneFns && doneFns.forEach((fn) => (fn(event)));
+/******/ if(prev) return prev(event);
+/******/ }
+/******/ ;
+/******/ var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);
+/******/ script.onerror = onScriptComplete.bind(null, script.onerror);
+/******/ script.onload = onScriptComplete.bind(null, script.onload);
+/******/ needAttach && document.head.appendChild(script);
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/make namespace object */
+/******/ (() => {
+/******/ // define __esModule on exports
+/******/ __webpack_require__.r = (exports) => {
+/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ }
+/******/ Object.defineProperty(exports, '__esModule', { value: true });
+/******/ };
+/******/ })();
+/******/
+/******/ /* webpack/runtime/publicPath */
+/******/ (() => {
+/******/ __webpack_require__.p = "dist/";
+/******/ })();
+/******/
+/******/ /* webpack/runtime/css loading */
+/******/ (() => {
+/******/ // object to store loaded and loading chunks
+/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
+/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
+/******/ var installedChunks = {};
+/******/
+/******/ var uniqueName = "app";
+/******/ var loadCssChunkData = (target, link, chunkId) => {
+/******/ var data, token = "", token2, exports = {}, exportsWithId = [], exportsWithDashes = [], i = 0, cc = 1;
+/******/ try { if(!link) link = loadStylesheet(chunkId); data = link.sheet.cssRules; data = data[data.length - 1].style; } catch(e) { data = getComputedStyle(document.head); }
+/******/ data = data.getPropertyValue("--webpack-" + uniqueName + "-" + chunkId);
+/******/ if(!data) return [];
+/******/ for(; cc; i++) {
+/******/ cc = data.charCodeAt(i);
+/******/ if(cc == 40) { token2 = token; token = ""; }
+/******/ else if(cc == 41) { exports[token2.replace(/^_/, "")] = token.replace(/^_/, ""); token = ""; }
+/******/ else if(cc == 47 || cc == 37) { token = token.replace(/^_/, ""); exports[token] = token; exportsWithId.push(token); if(cc == 37) exportsWithDashes.push(token); token = ""; }
+/******/ else if(!cc || cc == 44) { token = token.replace(/^_/, ""); exportsWithId.forEach((x) => (exports[x] = uniqueName + "-" + token + "-" + exports[x])); exportsWithDashes.forEach((x) => (exports[x] = "--" + exports[x])); __webpack_require__.r(exports); target[token] = ((exports, module) => {
+/******/ module.exports = exports;
+/******/ }).bind(null, exports); token = ""; exports = {}; exportsWithId.length = 0; }
+/******/ else if(cc == 92) { token += data[++i] }
+/******/ else { token += data[i]; }
+/******/ }
+/******/ installedChunks[chunkId] = 0;
+/******/
+/******/ }
+/******/ var loadingAttribute = "data-webpack-loading";
+/******/ var loadStylesheet = (chunkId, url, done) => {
+/******/ var link, needAttach, key = "chunk-" + chunkId;
+/******/
+/******/ var links = document.getElementsByTagName("link");
+/******/ for(var i = 0; i < links.length; i++) {
+/******/ var l = links[i];
+/******/ if(l.rel == "stylesheet" && (l.href == url || l.getAttribute("href") == url || l.getAttribute("data-webpack") == uniqueName + ":" + key)) { link = l; break; }
+/******/ }
+/******/ if(!done) return link;
+/******/
+/******/ if(!link) {
+/******/ needAttach = true;
+/******/ link = document.createElement('link');
+/******/ link.setAttribute("data-webpack", uniqueName + ":" + key);
+/******/ link.setAttribute(loadingAttribute, 1);
+/******/ link.rel = "stylesheet";
+/******/ link.href = url;
+/******/ }
+/******/ var onLinkComplete = (prev, event) => {
+/******/ link.onerror = link.onload = null;
+/******/ link.removeAttribute(loadingAttribute);
+/******/ clearTimeout(timeout);
+/******/ if(event && event.type != "load") link.parentNode.removeChild(link)
+/******/ done(event);
+/******/ if(prev) return prev(event);
+/******/ };
+/******/ if(link.getAttribute(loadingAttribute)) {
+/******/ var timeout = setTimeout(onLinkComplete.bind(null, undefined, { type: 'timeout', target: link }), 120000);
+/******/ link.onerror = onLinkComplete.bind(null, link.onerror);
+/******/ link.onload = onLinkComplete.bind(null, link.onload);
+/******/ } else onLinkComplete(undefined, { type: 'load', target: link });
+/******/
+/******/ needAttach && document.head.appendChild(link);
+/******/ return link;
+/******/ };
+/******/ loadCssChunkData(__webpack_require__.m, 0, 0);
+/******/
+/******/ __webpack_require__.f.css = (chunkId, promises) => {
+/******/ // css chunk loading
+/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
+/******/ if(installedChunkData !== 0) { // 0 means "already installed".
+/******/
+/******/ // a Promise means "currently loading".
+/******/ if(installedChunkData) {
+/******/ promises.push(installedChunkData[2]);
+/******/ } else {
+/******/ if(true) { // all chunks have CSS
+/******/ // setup Promise in chunk cache
+/******/ var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
+/******/ promises.push(installedChunkData[2] = promise);
+/******/
+/******/ // start chunk loading
+/******/ var url = __webpack_require__.p + __webpack_require__.k(chunkId);
+/******/ // create error before stack unwound to get useful stacktrace later
+/******/ var error = new Error();
+/******/ var loadingEnded = (event) => {
+/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
+/******/ installedChunkData = installedChunks[chunkId];
+/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
+/******/ if(installedChunkData) {
+/******/ if(event.type !== "load") {
+/******/ var errorType = event && event.type;
+/******/ var realSrc = event && event.target && event.target.src;
+/******/ error.message = 'Loading css chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
+/******/ error.name = 'ChunkLoadError';
+/******/ error.type = errorType;
+/******/ error.request = realSrc;
+/******/ installedChunkData[1](error);
+/******/ } else {
+/******/ loadCssChunkData(__webpack_require__.m, link, chunkId);
+/******/ installedChunkData[0]();
+/******/ }
+/******/ }
+/******/ }
+/******/ };
+/******/ var link = loadStylesheet(chunkId, url, loadingEnded);
+/******/ } else installedChunks[chunkId] = 0;
+/******/ }
+/******/ }
+/******/ };
+/******/
+/******/ // no hmr
+/******/ })();
+/******/
+/******/ /* webpack/runtime/jsonp chunk loading */
+/******/ (() => {
+/******/ // no baseURI
+/******/
+/******/ // object to store loaded and loading chunks
+/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
+/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
+/******/ var installedChunks = {
+/******/ 0: 0
+/******/ };
+/******/
+/******/ __webpack_require__.f.j = (chunkId, promises) => {
+/******/ // JSONP chunk loading for javascript
+/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
+/******/ if(installedChunkData !== 0) { // 0 means "already installed".
+/******/
+/******/ // a Promise means "currently loading".
+/******/ if(installedChunkData) {
+/******/ promises.push(installedChunkData[2]);
+/******/ } else {
+/******/ if(0 == chunkId) {
+/******/ // setup Promise in chunk cache
+/******/ var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
+/******/ promises.push(installedChunkData[2] = promise);
+/******/
+/******/ // start chunk loading
+/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
+/******/ // create error before stack unwound to get useful stacktrace later
+/******/ var error = new Error();
+/******/ var loadingEnded = (event) => {
+/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
+/******/ installedChunkData = installedChunks[chunkId];
+/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
+/******/ if(installedChunkData) {
+/******/ var errorType = event && (event.type === 'load' ? 'missing' : event.type);
+/******/ var realSrc = event && event.target && event.target.src;
+/******/ error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
+/******/ error.name = 'ChunkLoadError';
+/******/ error.type = errorType;
+/******/ error.request = realSrc;
+/******/ installedChunkData[1](error);
+/******/ }
+/******/ }
+/******/ };
+/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
+/******/ } else installedChunks[chunkId] = 0;
+/******/ }
+/******/ }
+/******/ };
+/******/
+/******/ // no prefetching
+/******/
+/******/ // no preloaded
+/******/
+/******/ // no HMR
+/******/
+/******/ // no HMR manifest
+/******/
+/******/ // no on chunks loaded
+/******/
+/******/ // install a JSONP callback for chunk loading
+/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
+/******/ var [chunkIds, moreModules, runtime] = data;
+/******/ // add "moreModules" to the modules object,
+/******/ // then flag all "chunkIds" as loaded and fire callback
+/******/ var moduleId, chunkId, i = 0;
+/******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
+/******/ for(moduleId in moreModules) {
+/******/ if(__webpack_require__.o(moreModules, moduleId)) {
+/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
+/******/ }
+/******/ }
+/******/ if(runtime) var result = runtime(__webpack_require__);
+/******/ }
+/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
+/******/ for(;i < chunkIds.length; i++) {
+/******/ chunkId = chunkIds[i];
+/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
+/******/ installedChunks[chunkId][0]();
+/******/ }
+/******/ installedChunks[chunkId] = 0;
+/******/ }
+/******/
+/******/ }
+/******/
+/******/ var chunkLoadingGlobal = self["webpackChunkapp"] = self["webpackChunkapp"] || [];
+/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
+/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
+/******/ })();
+/******/
+/************************************************************************/
+```
+
+