chore(release): 8.0.0

Author: alexander-akait

CHANGELOG.md

@@ -2,6 +2,24 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [8.0.0](https://github.com/webpack-contrib/less-loader/compare/v7.3.0...v8.0.0) (2021-02-01)
+
+
+### Notes
+
+* using `~` is deprecated and can be removed from your code (**we recommend it**), but we still support it for historical reasons. 
+
+Why you can removed it?
+The loader will first try to resolve `@import` as relative, if it cannot be resolved, the loader will try to resolve `@import` inside [`node_modules`](https://webpack.js.org/configuration/resolve/#resolve-modules).
+
+### ⚠ BREAKING CHANGES
+
+* minimum supported `webpack` version is `5`
+
+### Features
+
+* supported the [`resolve.byDependency`](https://webpack.js.org/configuration/resolve/#resolvebydependency) option, you can setup `{ resolve: { byDependency: { less: { mainFiles: ['custom', '...'] } } } }`
+
 ## [7.3.0](https://github.com/webpack-contrib/less-loader/compare/v7.2.1...v7.3.0) (2021-01-21)
 
 

README.md

@@ -382,7 +382,7 @@ To enable sourcemaps for CSS, you'll need to pass the `sourceMap` property in th
 
 **webpack.config.js**
 
-```javascript
+```js
 module.exports = {
   devtool: "source-map", // any "source-map"-like devtool is possible
   module: {
@@ -438,6 +438,32 @@ Just prepend them with a `~` which tells webpack to look up the [`modules`](http
 @import "~bootstrap/less/bootstrap";
 ```
 
+Default resolver options can be modified by [`resolve.byDependency`](https://webpack.js.org/configuration/resolve/#resolvebydependency):
+
+**webpack.config.js**
+
+```js
+module.exports = {
+  devtool: "source-map", // any "source-map"-like devtool is possible
+  module: {
+    rules: [
+      {
+        test: /\.less$/i,
+        use: ["style-loader", "css-loader", "less-loader"],
+      },
+    ],
+  },
+  resolve: {
+    byDependency: {
+      // More options can be found here https://webpack.js.org/configuration/resolve/
+      less: {
+        mainFiles: ["custom"],
+      },
+    },
+  },
+};
+```
+
 It's important to only prepend it with `~`, because `~/` resolves to the home-directory. webpack needs to distinguish between `bootstrap` and `~bootstrap`, because CSS and Less files have no special syntax for importing relative files. Writing `@import "file"` is the same as `@import "./file";`
 
 #### Less Resolver
@@ -478,8 +504,9 @@ module.exports = {
 
 In order to use [plugins](http://lesscss.org/usage/#plugins), simply set the `plugins` option like this:
 
+**webpack.config.js**
+
 ```js
-// webpack.config.js
 const CleanCSSPlugin = require('less-plugin-clean-css');
 
 module.exports = {

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "less-loader",
-  "version": "7.3.0",
+  "version": "8.0.0",
   "description": "A Less loader for webpack. Compiles Less to CSS.",
   "license": "MIT",
   "repository": "webpack-contrib/less-loader",