You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+44-9Lines changed: 44 additions & 9 deletions
Original file line number
Diff line number
Diff line change
@@ -33,7 +33,7 @@ module.exports = {
33
33
module: {
34
34
rules: [
35
35
{
36
-
test:/\.less$/,
36
+
test:/\.less$/i,
37
37
loader:"less-loader", // compiles Less to CSS
38
38
},
39
39
],
@@ -51,6 +51,7 @@ And run `webpack` via your preferred method.
51
51
|**[`additionalData`](#additionalData)**|`{String\|Function}`|`undefined`| Prepends/Appends `Less` code to the actual entry file. |
52
52
|**[`sourceMap`](#sourcemap)**|`{Boolean}`|`compiler.devtool`| Enables/Disables generation of source maps. |
53
53
|**[`webpackImporter`](#webpackimporter)**|`{Boolean}`|`true`| Enables/Disables the default Webpack importer. |
54
+
|**[`implementation`](#implementation)**|`{Object}`|`less`| Setup Less implementation to use. |
54
55
55
56
### `lessOptions`
56
57
@@ -70,7 +71,7 @@ module.exports = {
70
71
module: {
71
72
rules: [
72
73
{
73
-
test:/\.less$/,
74
+
test:/\.less$/i,
74
75
use: [
75
76
{
76
77
loader:"style-loader",
@@ -102,7 +103,7 @@ module.exports = {
102
103
module: {
103
104
rules: [
104
105
{
105
-
test:/\.less$/,
106
+
test:/\.less$/i,
106
107
use: [
107
108
"style-loader",
108
109
"css-loader",
@@ -152,7 +153,7 @@ module.exports = {
152
153
module: {
153
154
rules: [
154
155
{
155
-
test:/\.less$/,
156
+
test:/\.less$/i,
156
157
use: [
157
158
"style-loader",
158
159
"css-loader",
@@ -178,7 +179,7 @@ module.exports = {
178
179
module: {
179
180
rules: [
180
181
{
181
-
test:/\.less$/,
182
+
test:/\.less$/i,
182
183
use: [
183
184
"style-loader",
184
185
"css-loader",
@@ -212,7 +213,7 @@ module.exports = {
212
213
module: {
213
214
rules: [
214
215
{
215
-
test:/\.less$/,
216
+
test:/\.less$/i,
216
217
use: [
217
218
"style-loader",
218
219
"css-loader",
@@ -308,6 +309,40 @@ module.exports = {
308
309
};
309
310
```
310
311
312
+
### `implementation`
313
+
314
+
Type: `Object`
315
+
316
+
> ⚠ less-loader compatible with Less 3 and 4 versions
317
+
318
+
The special `implementation` option determines which implementation of Less to use. Overrides the locally installed `peerDependency` version of `less`.
319
+
320
+
**This option is only really useful for downstream tooling authors to ease the Less 3-to-4 transition.**
321
+
322
+
**webpack.config.js**
323
+
324
+
```js
325
+
module.exports= {
326
+
module: {
327
+
rules: [
328
+
{
329
+
test:/\.less$/i,
330
+
use: [
331
+
"style-loader",
332
+
"css-loader",
333
+
{
334
+
loader:"less-loader",
335
+
options: {
336
+
implementation:require("less"),
337
+
},
338
+
},
339
+
],
340
+
},
341
+
],
342
+
},
343
+
};
344
+
```
345
+
311
346
## Examples
312
347
313
348
### Normal usage
@@ -321,7 +356,7 @@ module.exports = {
321
356
module: {
322
357
rules: [
323
358
{
324
-
test:/\.less$/,
359
+
test:/\.less$/i,
325
360
use: [
326
361
{
327
362
loader:"style-loader", // creates style nodes from JS strings
0 commit comments