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.3",

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

    "@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.

> You don't need [`style-loader`](https://github.com/webpack-contrib/style-loader) anymore, please remove it.

> You should not use [`style-loader`](https://github.com/webpack-contrib/style-loader) or [`mini-css-extract-plugin`](https://github.com/webpack-contrib/mini-css-extract-plugin) with this value.

> The `esModule` option should be enabled if you want to use it with [`CSS modules`](https://github.com/webpack-contrib/css-loader#modules), by default for locals will be used [named export](https://github.com/webpack-contrib/css-loader#namedexport).

        use: ["css-loader", "postcss-loader", "sass-loader"],

> `@import` rules not yet allowed, more [information](https://web.dev/css-module-scripts/#@import-rules-not-yet-allowed)

> Source maps are not currently supported in `Chrome` due [bug](https://bugs.chromium.org/p/chromium/issues/detail?id=1174094&q=CSSStyleSheet%20source%20maps&can=2)

The default export is a [constructable stylesheet](https://developers.google.com/web/updates/2019/02/constructable-stylesheets) (i.e. [`CSSStyleSheet`](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet)).

Useful for [custom elements](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) and shadow DOM.

- [Using CSS Module Scripts to import stylesheets](https://web.dev/css-module-scripts/)

- [Constructable Stylesheets: seamless reusable styles](https://developers.google.com/web/updates/2019/02/constructable-stylesheets)

      //         exportType: "css-style-sheet",

// import sheet from "./styles.scss" assert { type: "css" };

		{
		"name": "css-loader",
		"version": "6.9.0",
		"version": "6.9.1",
		"description": "css loader module for webpack",
		@@ -50,6 +50,6 @@ "license": "MIT",
		"icss-utils": "^5.1.0",
		"postcss": "^8.4.31",
		"postcss": "^8.4.33",
		"postcss-modules-extract-imports": "^3.0.0",
		"postcss-modules-local-by-default": "^4.0.3",
		"postcss-modules-scope": "^3.1.0",
		"postcss-modules-local-by-default": "^4.0.4",
		"postcss-modules-scope": "^3.1.1",
		"postcss-modules-values": "^4.0.0",
		@@ -56,0 +56,0 @@ "postcss-value-parser": "^4.2.0",

Improved metrics

Dependency changes

		@@ -1537,3 +1537,3 @@ <div align="center">
		>
		> You don't need [`style-loader`](https://github.com/webpack-contrib/style-loader) anymore, please remove it.
		> You should not use [`style-loader`](https://github.com/webpack-contrib/style-loader) or [`mini-css-extract-plugin`](https://github.com/webpack-contrib/mini-css-extract-plugin) with this value.

		@@ -1540,0 +1540,0 @@ > Warning