Commit 8676b9d

authored

docs(Configuration): document css/auto (#6930)

1 parent 7a56e55 commit 8676b9dCopy full SHA for 8676b9d

File tree

1 file changed

+26

-1

lines changed

src/content/configuration
- module.mdx

1 file changed

+26

-1

lines changed

`‎src/content/configuration/module.mdx`

Lines changed: 26 additions & 1 deletion

Original file line number	Diff line number	Diff line change
@@ -1034,7 +1034,7 @@ Include all modules that pass test assertion. If you supply a `Rule.test` option
`1034`	`1034`
`1035`	`1035`	`string`
`1036`	`1036`
`1037`		-Possible values: `'javascript/auto' \| 'javascript/dynamic' \| 'javascript/esm' \| 'json' \| 'webassembly/sync' \| 'webassembly/async' \| 'asset' \| 'asset/source' \| 'asset/resource' \| 'asset/inline'`
	`1037`	+Possible values: `'javascript/auto' \| 'javascript/dynamic' \| 'javascript/esm' \| 'json' \| 'webassembly/sync' \| 'webassembly/async' \| 'asset' \| 'asset/source' \| 'asset/resource' \| 'asset/inline' \| 'css/auto'`
`1038`	`1038`
`1039`	`1039`	`Rule.type` sets the type for a matching module. This prevents defaultRules and their default importing behaviors from occurring. For example, if you want to load a `.json` file through a custom loader, you'd need to set the `type` to `javascript/auto` to bypass webpack's built-in json importing. (See [v4.0 changelog](https://github.com/webpack/webpack/releases/tag/v4.0.0) for more details)
`1040`	`1040`
`@@ -1058,6 +1058,31 @@ module.exports = {`
`1058`	`1058`
`1059`	`1059`	> See [Asset Modules guide](/guides/asset-modules/) for more about `asset*` type.
`1060`	`1060`
	`1061`	`+### css/auto`
	`1062`	`+`
	`1063`	`+<Badge text="5.87.0+" />`
	`1064`	`+`
	`1065`	+See use case of `css/auto` module type [here](https://github.com/webpack/webpack/issues/16572). Make sure to enable [`experiments.css`](/configuration/experiments/#experimentscss) to use `css/auto`.
	`1066`	`+`
	`1067`	+```js
	`1068`	`+module.exports = {`
	`1069`	`+ target: 'web',`
	`1070`	`+ mode: 'development',`
	`1071`	`+ experiments: {`
	`1072`	`+ css: true,`
	`1073`	`+ },`
	`1074`	`+ module: {`
	`1075`	`+ rules: [`
	`1076`	`+ {`
	`1077`	`+ test: /\.less$/,`
	`1078`	`+ use: 'less-loader',`
	`1079`	`+ type: 'css/auto',`
	`1080`	`+ },`
	`1081`	`+ ],`
	`1082`	`+ },`
	`1083`	`+};`
	`1084`	+```
	`1085`	`+`
`1061`	`1086`	`## Rule.use`
`1062`	`1087`
`1063`	`1088`	`[UseEntry]` `function(info)`

0 commit comments

Comments

(0)

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Commit 8676b9d

File tree

1 file changed

1 file changed

`‎src/content/configuration/module.mdx`

0 commit comments