Skip to content
This repository has been archived by the owner on Nov 14, 2024. It is now read-only.

Update webpack-loaders (major) #220

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

renovate[bot]
Copy link
Contributor

@renovate renovate bot commented Jul 15, 2021

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
babel-loader 8.2.2 -> 9.2.1 age adoption passing confidence
css-loader 5.2.7 -> 7.1.2 age adoption passing confidence
html-loader 2.1.2 -> 5.1.0 age adoption passing confidence
sass-loader 12.1.0 -> 16.0.3 age adoption passing confidence
style-loader 3.2.1 -> 4.0.0 age adoption passing confidence

Release Notes

babel/babel-loader (babel-loader)

v9.2.1

Compare Source

v9.2.0

Compare Source

v9.1.3

Compare Source

Security dependency updates

New Contributors

Full Changelog: babel/babel-loader@v9.1.2...v9.1.3

v9.1.2

Compare Source

9.1.1 was a broken release, it didn't include all the commits.

Dependencies updates

Misc

New Contributors

Full Changelog: babel/babel-loader@v9.1.0...v9.1.2

v9.1.1

Compare Source

v9.1.0

Compare Source

New features

Full Changelog: babel/babel-loader@v9.0.1...v9.1.0

v9.0.1

Compare Source

Bug Fixes

Full Changelog: babel/babel-loader@v9.0.0...v9.0.1

v9.0.0

Compare Source

What's Changed

New Contributors

Full Changelog: babel/babel-loader@v8.2.5...v9.0.0

v8.4.1

Compare Source

v8.4.0

Compare Source

v8.3.0

Compare Source

New features

Full Changelog: babel/babel-loader@v8.2.5...v8.3.0

v8.2.5

Compare Source

What's Changed

New Contributors

Full Changelog: babel/babel-loader@v8.2.4...v8.2.5

v8.2.4

Compare Source

What's Changed

Thanks @​loveDstyle, @​stianjensen and @​pathmapper for your first PRs!

v8.2.3: 8.2.3

Compare Source

This release fixes compatibility with Node.js 17

Thanks @​Reptarsrage!

webpack-contrib/css-loader (css-loader)

v7.1.2

Compare Source

v7.1.1

Compare Source

v7.1.0

Compare Source

Features
  • added the getJSON option to output CSS modules mapping (#​1577) (af834b4)

v7.0.0

Compare Source

⚠ BREAKING CHANGES
  • The modules.namedExport option is true by default if you enable the esModule option

Migration guide:

Before:

import style from "./style.css";

console.log(style.myClass);

After:

import * as style from "./style.css";

console.log(style.myClass);
  • The modules.exportLocalsConvention has the value as-is when the modules.namedExport option is true and you don't specify a value
  • Minimum supported webpack version is 5.27.0
  • Minimum supported Node.js version is 18.12.0
Features
  • The modules.namedExports option works fine with any modules.exportLocalsConvention values (f96a110)
  • Added dashed variants for the modules.exportLocalsConvention options (40e1668)

v6.11.0

Compare Source

Features
Bug Fixes

v6.10.0

Compare Source

Features
  • add @rspack/core as an optional peer dependency (#​1568) (3924679)
  • pass the resourceQuery and resourceFragment to the auto and mode callback (#​1569) (d641c4d)
  • support named exports with any characters (6f43929)
6.9.1 (2024-01-18)
Bug Fixes
  • css nesting support
  • @scope at-rule support

v6.9.1

Compare Source

v6.9.0

Compare Source

Features
Bug Fixes
6.8.1 (2023-05-28)
Bug Fixes

v6.8.1

Compare Source

v6.8.0

Compare Source

Features
  • use template literal when it possible to prevent Maximum call stack size exceeded (#​1525) (6eb5661)
Bug Fixes
6.7.4 (2023-05-19)
Bug Fixes
6.7.3 (2022-12-14)
Bug Fixes
6.7.2 (2022-11-13)
Bug Fixes
6.7.1 (2022-03-08)
Bug Fixes

v6.7.4

Compare Source

v6.7.3

Compare Source

v6.7.2

Compare Source

v6.7.1

Compare Source

v6.7.0

Compare Source

Features

v6.6.0

Compare Source

Features
  • added the hashStrategy option (ca4abce)
6.5.1 (2021-11-03)
Bug Fixes

v6.5.1

Compare Source

v6.5.0

Compare Source

Features
  • support absolute URL in url() when experiments.buildHttp enabled (#​1389) (8946be4)
Bug Fixes
  • respect nosources in the devtool option (c60eff2)

v6.4.0

Compare Source

Features
  • generate more collision resistant for locals (c7db752)
Bug Fixes
  • classes generation for client and server bundling (303a3a1)

v6.3.0

Compare Source

Features
  • added [folder] placeholder (a0dee4f)
  • added the exportType option with 'array', 'string' and 'css-style-sheet' values (c6d2066)
    • 'array' - the default export is Array with API for style-loader and other
    • 'string' - the default export is String you don't need to-string-loader loader anymore
    • 'css-style-sheet' - the default export is a constructable stylesheet, you can use import sheet from './styles.css' assert { type: 'css' }; like in a browser, more information you can find here
  • supported supports() and layer() functions in @import at-rules (#​1377) (bce2c17)
  • fix multiple merging multiple @media at-rules (#​1377) (bce2c17)
Bug Fixes

v6.2.0

Compare Source

Features
  • allow the exportLocalsConvention option can be a function, useful for named export (#​1351) (3c4b357)

v6.1.0

Compare Source

Features
Bug Fixes

v6.0.0

Compare Source

Notes
  • using ~ is deprecated when the esModules option is enabled (enabled by default) and can be removed from your code (we recommend it) (url(~package/image.png) -> url(package/image.png), @import url(~package/style.css) -> @import url(package/style.css), composes: import from '~package/one.css'; -> composes: import from 'package/one.css';), but we still support it for historical reasons. Why can you remove it? The loader will first try to resolve @import/url()/etc as relative, if it cannot be resolved, the loader will try to resolve @import/url()/etc inside node_modules or modules directories.
  • file-loader and url-loader are deprecated, please migrate on asset modules, since v6 css-loader is generating new URL(...) syntax, it enables by default built-in assets modules, i.e. type: 'asset' for all url()
⚠ BREAKING CHANGES
  • minimum supported Node.js version is 12.13.0
  • minimum supported webpack version is 5, we recommend to update to the latest version for better performance
  • for url and import options Function type was removed in favor Object type with the filter property, i.e. before { url: () => true }, now { url: { filter: () => true } } and before { import: () => true }, now { import: { filter: () => true } }
  • the modules.compileType option was removed in favor the modules.mode option with icss value, also the modules option can have icss string value
  • new URL() syntax used for url(), only when the esModules option is enabled (enabled by default), it means you can bundle CSS for libraries
  • data URI are handling in url(), it means you can register loaders for them, example
  • aliases with false value for url() now generate empty data URI (i.e. data:0,), only when the esModules option is enabled (enabled by default)
  • [ext] placeholder don't need . (dot) before for the localIdentName option, i.e. please change .[ext] on [ext] (no dot before)
  • [folder] placeholder was removed without replacement for the localIdentName option, please use a custom function if you need complex logic
  • [emoji] placeholder was removed without replacement for the localIdentName option, please use a custom function if you need complex logic
  • the localIdentHashPrefix was removed in favor the localIdentHashSalt option
Features
  • supported resolve.byDependency.css resolve options for @import
  • supported resolve.byDependency.icss resolve CSS modules and ICSS imports (i.e. composes/etc)
  • added modules.localIdentHashFunction, modules.localIdentHashDigest, modules.localIdentHashDigestLength options for better class hashing controlling
  • less dependencies
Bug Fixes
  • better performance
  • fixed circular @import
Notes
  • we strongly recommend not to add .css to resolve.extensions, it reduces performance and in most cases it is simply not necessary, alternative you can set resolve options by dependency
5.2.7 (2021-07-13)
Bug Fixes
  • fix crash when source map is unavailable with external URL in [@import](https://redirect.github.com/import) (bb76fe4)
5.2.6 (2021-05-24)
Bug Fixes
  • always write locals export when css modules/icss enabled (#​1315) (075d9bd)
5.2.5 (2021-05-20)
Bug Fixes
5.2.4 (2021-04-19)
Bug Fixes
5.2.3 (2021-04-19)
Bug Fixes
  • improve performance
5.2.2 (2021-04-16)
Bug Fixes
  • avoid escape nonASCII characters in local names (0722733)
5.2.1 (2021-04-09)
Bug Fixes
webpack-contrib/html-loader (html-loader)

v5.1.0

Compare Source

Features

v5.0.0

Compare Source

⚠ BREAKING CHANGES

v4.2.0

Compare Source

Features

v4.1.0

Compare Source

Features
4.0.0 (2022-06-15)
⚠ BREAKING CHANGES
  • minimum supported Node.js version is 14.15.0
  • update parse5 to 7.0.0
Bug Fixes

v4.0.0

Compare Source

v3.1.2

Compare Source

Fix

  • broken release

v3.1.1

Compare Source

v3.1.0

Compare Source

Features
  • add possibility to extend default minimize options (#​414) (0fa36af)
3.0.1 (2021-11-02)
Bug Fixes

v3.0.1

Compare Source

v3.0.0

Compare Source

⚠ BREAKING CHANGES
  • minimum supported Node.js version is 12.13.0
Features
2.1.2 (2021-03-09)
Bug Fixes
  • avoid using file protocol (a309fe0)
2.1.1 (2021-02-24)
Bug Fixes
webpack-contrib/sass-loader (sass-loader)

v16.0.3

Compare Source

v16.0.2

Compare Source

v16.0.1

Compare Source

Bug Fixes

v16.0.0

Compare Source

⚠ BREAKING CHANGES
  • use modern Sass JS API by default for sass and sass-embedded

[!WARNING]

The sass options are different for the legacy (before) and modern APIs. Please look at docs how to migrate to the modern options.
Legacy options - https://sass-lang.com/documentation/js-api/interfaces/legacystringoptions/
Modern options - https://sass-lang.com/documentation/js-api/interfaces/options/

To return to the previous logic use:

module.exports = {
  module: {
    rules: [
      {
        test: /\.s[ac]ss$/i,
        use: [
          "style-loader",
          "css-loader",
          {
            loader: "sass-loader",
            options: {
              api: "legacy",
              // Your options
            },
          },
        ],
      },
    ],
  },
};
Features
  • use modern Sass JS API by default for sass and sass-embedded (10be1ba)

v15.0.0

Compare Source

⚠ BREAKING CHANGES
  • prefer sass-embedded over sass by default (#​1211)
Features
14.2.1 (2024-04-16)
Bug Fixes

v14.2.1

Compare Source

v14.2.0

Compare Source

Features
  • added the modern-compiler value for API to reuse compiler process (#​1195) (cef40a8)
  • support webpack built-in resolver for modern and modern-compiler API (#​1197) (2265b72)

Notes:

Using the modern-compiler value for the api option together with sass-embedded reduces compilation time by 5-10 times, especially for projects using large files with a lot of @import/@use, for small files the build time reduction will not be significant.

14.1.1 (2024-02-19)
Bug Fixes

v14.1.1

Compare Source

v14.1.0

Compare Source

Features

v14.0.0

Compare Source

⚠ BREAKING CHANGES
  • removed fibers support
  • minimum supported Node.js version is 18.12.0 (627f55d)
13.3.3 (2023-12-25)
Bug Fixes
13.3.2 (2023-06-09)
Bug Fixes
13.3.1 (2023-05-28)
Bug Fixes

v13.3.3

Compare Source

v13.3.2

Compare Source

v13.3.1

Compare Source

v13.3.0

Compare Source

Features
13.2.2 (2023-03-27)
Bug Fixes
13.2.1 (2023-03-18)
Bug Fixes
  • do not crash on a custom scheme in @import/@use for the modern API (21966ee)

v13.2.2

Compare Source

v13.2.1

Compare Source

v13.2.0

Compare Source

Features

v13.1.0

Compare Source

Features
13.0.2 (2022-06-27)
Bug Fixes
13.0.1 (2022-06-24)
Bug Fixes

v13.0.2

Compare Source

v13.0.1

Compare Source

v13.0.0

Compare Source

⚠ BREAKING CHANGES
  • minimum supported Node.js version is 14.15.0 (#​1048)
  • emit @warn at-rules as webpack warnings by default, if you want to revert behavior please use the warnRuleAsWarning option (#​1054) (58ffb68)
Bug Fixes

v12.6.0

Compare Source

Features
  • added support for automatic loading of sass-embedded (#​1025) (c8dae87)

v12.5.0

Compare Source

Features
  • added support for sass-embedded (faster than node-sass), feel free to feedback
  • added the api option (modern api is experimental and currently doesn't support built-in webpack resolver) (afbe114)

v12.4.0

Compare Source

Features

v12.3.0

Compare Source

Features

v12.2.0

Compare Source

Features
webpack-contrib/style-loader (style-loader)

v4.0.0

Compare Source

⚠ BREAKING CHANGES
  • minimum supported webpack version is 5.27.0
  • minimum support Node.js version is 18.12.0
  • the insert option can only be a selector or the path to the module

Migration:

Before:

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: [
          {
            loader: "style-loader",
            options: {
              injectType: "styleTag",
              styleTagTransform: function (css, style) {
                // Do something ...
                style.innerHTML = `${css}.modify{}\n`;

                document.head.appendChild(style);
              },
            },
          },
          "css-loader",
        ],
      },
    ],
  },
};

After:

insert-function.js

function insert(css, style) {
  var parent = options.target || document.head;

  parent.appendChild(element);
}

module.exports = insert;

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: [
          {
            loader: "style-loader",
            options: {
              insert: require.resolve("./insert.js"),
            },
          },
          "css-loader",
        ],
      },
    ],
  },
};
  • the styleTagTransform option can only be the path to the module

Migration:

Before:

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: [
          {
            loader: "style-loader",
            options: {
              injectType: "styleTag",
              styleTagTransform: function (css, style) {
                // Do something ...
                style.innerHTML = `${css}.modify{}\n`;

                document.head.appendChild(style);
              },
            },
          },
          "css-loader",
        ],
      },
    ],
  },
};

After:

style-tag-transform-function.js

function styleTagTransform(css, style) {
  // Do something ...
  style.innerHTML = `${css}.modify{}\n`;

  document.head.appendChild(style);
}

module.exports = styleTagTransform;

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: [
          {
            loader: "style-loader",
            options: {
              styleTagTransform: require.resolve("./sty

</details>

---

### Configuration

📅 **Schedule**: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 **Automerge**: Enabled.

 **Rebasing**: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

👻 **Immortal**: This PR will be recreated if closed unmerged. Get [config help](https://redirect.github.com/renovatebot/renovate/discussions) if that's undesired.

---

 - [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check this box

---

This PR was generated by [Mend Renovate](https://mend.io/renovate/). View the [repository job log](https://developer.mend.io/github/cybernetisk/internsystem-frontend).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzMi4yMDIuNCIsInVwZGF0ZWRJblZlciI6IjM4LjEzNS4yIiwidGFyZ2V0QnJhbmNoIjoibWFzdGVyIn0=-->

@renovate
Copy link
Contributor Author

renovate bot commented Jul 15, 2021

Branch automerge failure

This PR was configured for branch automerge, however this is not possible so it has been raised as a PR instead.


  • Branch has one or more failed status checks

@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch 8 times, most recently from c320347 to e46a524 Compare July 22, 2021 12:16
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch 4 times, most recently from eef564f to 7a7c5ec Compare July 31, 2021 01:07
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch from 7a7c5ec to fe8148d Compare September 18, 2021 20:06
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch from fe8148d to 8a86ec6 Compare October 18, 2021 18:47
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch from 8a86ec6 to 9fedef8 Compare March 7, 2022 18:12
@renovate renovate bot changed the title Update dependency css-loader to v6 Update webpack-loaders (major) Mar 7, 2022
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch from 9fedef8 to 3240c41 Compare March 26, 2022 14:29
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch from 3240c41 to aa945cc Compare June 18, 2022 14:29
@renovate
Copy link
Contributor Author

renovate bot commented Jun 18, 2022

⚠ Artifact update problem

Renovate failed to update an artifact related to this branch. You probably do not want to merge this PR as-is.

♻ Renovate will retry this branch, including artifacts, only when one of the following happens:

  • any of the package files in this branch needs updating, or
  • the branch becomes conflicted, or
  • you click the rebase/retry checkbox if found above, or
  • you rename this PR's title to start with "rebase!" to trigger it manually

The artifact failure details are included below:

File name: package-lock.json
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   dev react@"17.0.1" from the root project
npm ERR!   peer react@"^16.4.0 || ^17.0.0" from [email protected]
npm ERR!   node_modules/connected-react-router
npm ERR!     connected-react-router@"6.9.1" from the root project
npm ERR!   13 more (mini-create-react-context, prop-types-extra, ...)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.0.0" from [email protected]
npm ERR! node_modules/nuclear-js-react-addons-chefsplate
npm ERR!   dev nuclear-js-react-addons-chefsplate@"1.0.1" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/react
npm ERR!   peer react@"^16.0.0" from [email protected]
npm ERR!   node_modules/nuclear-js-react-addons-chefsplate
npm ERR!     dev nuclear-js-react-addons-chefsplate@"1.0.1" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /tmp/renovate/cache/others/npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /tmp/renovate/cache/others/npm/_logs/2024-04-16T19_53_14_102Z-debug-0.log

@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch from aa945cc to eb73fc0 Compare September 25, 2022 21:36
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch from eb73fc0 to e218394 Compare November 20, 2022 14:26
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch from e218394 to 5835e1e Compare March 16, 2023 15:35
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch 2 times, most recently from 5478b72 to 9a1cc83 Compare March 27, 2023 20:42
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch from 9a1cc83 to 14e0135 Compare May 28, 2023 11:55
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch from 14e0135 to b3f1256 Compare June 10, 2023 01:37
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch from b3f1256 to ad0d6ac Compare July 7, 2023 17:13
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch from ad0d6ac to c7175c2 Compare December 25, 2023 22:06
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch from c7175c2 to 74d8572 Compare January 9, 2024 18:29
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch 3 times, most recently from 61a411e to 8e6c819 Compare January 18, 2024 23:28
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch from 8e6c819 to 91ff6df Compare January 30, 2024 18:50
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch from 91ff6df to c9ad055 Compare February 19, 2024 16:39
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch 5 times, most recently from 0abcc06 to 4acefc6 Compare April 10, 2024 16:53
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch 2 times, most recently from c450a37 to b68a5b2 Compare April 16, 2024 19:53
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch from b68a5b2 to ab1a8c5 Compare May 22, 2024 14:48
Copy link
Contributor Author

renovate bot commented May 22, 2024

⚠️ Artifact update problem

Renovate failed to update an artifact related to this branch. You probably do not want to merge this PR as-is.

♻ Renovate will retry this branch, including artifacts, only when one of the following happens:

  • any of the package files in this branch needs updating, or
  • the branch becomes conflicted, or
  • you click the rebase/retry checkbox if found above, or
  • you rename this PR's title to start with "rebase!" to trigger it manually

The artifact failure details are included below:

File name: package-lock.json
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   dev react@"17.0.1" from the root project
npm ERR!   peer react@"^16.4.0 || ^17.0.0" from [email protected]
npm ERR!   node_modules/connected-react-router
npm ERR!     connected-react-router@"6.9.1" from the root project
npm ERR!   13 more (mini-create-react-context, prop-types-extra, ...)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.0.0" from [email protected]
npm ERR! node_modules/nuclear-js-react-addons-chefsplate
npm ERR!   dev nuclear-js-react-addons-chefsplate@"1.0.1" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/react
npm ERR!   peer react@"^16.0.0" from [email protected]
npm ERR!   node_modules/nuclear-js-react-addons-chefsplate
npm ERR!     dev nuclear-js-react-addons-chefsplate@"1.0.1" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /tmp/renovate/cache/others/npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /tmp/renovate/cache/others/npm/_logs/2024-11-01T01_02_22_392Z-debug-0.log

@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch 3 times, most recently from 9178192 to 3504f95 Compare July 26, 2024 20:02
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch from 3504f95 to a839df2 Compare August 19, 2024 16:05
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch 3 times, most recently from c57a429 to 044eeac Compare September 20, 2024 13:06
@renovate renovate bot force-pushed the renovate/major-webpack-loaders branch from 044eeac to a519b30 Compare November 1, 2024 01:02
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

0 participants