evilebottnawi

sokra

jhnns

css-loader

  "description": "css loader module for webpack",

  "repository": "webpack-contrib/css-loader",

  "homepage": "https://github.com/webpack-contrib/css-loader",

  "bugs": "https://github.com/webpack-contrib/css-loader/issues",

    "url": "https://opencollective.com/webpack"

    "validate:runtime": "es-check es5 \"dist/runtime/**/*.js\"",

    "build": "cross-env NODE_ENV=production babel src -d dist --copy-files",

    "postbuild": "npm run validate:runtime",

    "commitlint": "commitlint --from=master",

    "security": "npm audit --production",

    "lint:prettier": "prettier --list-different .",

    "lint:spelling": "cspell \"**/*.*\"",

    "lint": "npm-run-all -l -p \"lint:**\"",

    "fix:js": "npm run lint:js -- --fix",

    "fix:prettier": "npm run lint:prettier -- --write",

    "fix": "npm-run-all -l fix:js fix:prettier",

    "test:only": "cross-env NODE_ENV=test jest",

    "test:watch": "npm run test:only -- --watch",

    "test:coverage": "npm run test:only -- --collectCoverageFrom=\"src/**/*.js\" --coverage",

    "prepare": "husky install && npm run build",

    "postcss-modules-extract-imports": "^3.0.0",

    "postcss-modules-local-by-default": "^4.0.4",

    "postcss-modules-extract-imports": "^3.1.0",

    "postcss-modules-local-by-default": "^4.0.5",

    "@commitlint/config-conventional": "^16.2.4",

    "@webpack-contrib/eslint-config-webpack": "^3.0.0",

  <img width="180" height="180" vspace="20"

    src="https://cdn.worldvectorlogo.com/logos/css-3.svg">

      src="https://webpack.js.org/assets/icon-square-big.svg">

[![discussion][discussion]][discussion-url]

The `css-loader` interprets `@import` and `url()` like `import/require()` and will resolve them.

> To use the latest version of css-loader, webpack@5 is required

To begin, you'll need to install `css-loader`:

Then add the plugin to your `webpack` config. For example:

        use: ["style-loader", "css-loader"],

And run `webpack` via your preferred method.

If, for one reason or another, you need to extract CSS as a file (i.e. do not store CSS in a JS module) you might want to check out the [recommend example](https://github.com/webpack-contrib/css-loader#recommend).

      filter: (url: string, resourcePath: string) => boolean;

Allow to enable/disables handling the CSS functions `url` and `image-set`.

If set to `false`, `css-loader` will not parse any paths specified in `url` or `image-set`.

A function can also be passed to control this behavior dynamically based on the path to the asset.

Starting with version [4.0.0](https://github.com/webpack-contrib/css-loader/blob/master/CHANGELOG.md#400-2020-07-25), absolute paths are parsed based on the server root.

  composes: edit highlight from "./edit.css", button from "module/button.css", classFromThisModule;

  composes: edit highlight from "./edit.css";

  composes: button from "module/button.css";

You can use `@value` to specific values to be reused throughout a document.

We recommend use prefix `v-` for values, `s-` for selectors and `m-` for media at-rules.

Enable **CSS Modules** features and setup `mode`.

          // Using `local` value has same effect like using `modules: true`

Enable **CSS Modules** features and setup options for them.

            localIdentName: "[path][name]__[local]--[hash:base64:5]",

            localIdentContext: path.resolve(__dirname, "src"),

            localIdentHashSalt: "my-custom-hash",

		{
		"name": "css-loader",
		"version": "6.10.0",
		"version": "6.11.0",
		"description": "css loader module for webpack",
		@@ -60,5 +60,5 @@ "license": "MIT",
		"postcss": "^8.4.33",
		"postcss-modules-extract-imports": "^3.0.0",
		"postcss-modules-local-by-default": "^4.0.4",
		"postcss-modules-scope": "^3.1.1",
		"postcss-modules-extract-imports": "^3.1.0",
		"postcss-modules-local-by-default": "^4.0.5",
		"postcss-modules-scope": "^3.2.0",
		"postcss-modules-values": "^4.0.0",
		@@ -65,0 +65,0 @@ "postcss-value-parser": "^4.2.0",

		@@ -492,2 +492,11 @@ <div align="center">
		:local(.className) {
		composes: edit highlight from "./edit.css", button from "module/button.css", classFromThisModule;
		background: red;
		}
		```

		or

		```css
		:local(.className) {
		composes: edit highlight from "./edit.css";
		@@ -494,0 +503,0 @@ composes: button from "module/button.css";

Improved metrics

Dependency changes