Skip to content

Commit c95d0cf

Browse files
evilebottnawievilebottnawi
authored
chore(deps): update
1 parent 62c6934 commit c95d0cf

31 files changed

+2259
-2939
lines changed

‎.eslintrc.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
module.exports = {
22
root: true,
3-
extends: ['@webpack-contrib/eslint-config-webpack', 'prettier'],
3+
extends: ["@webpack-contrib/eslint-config-webpack", "prettier"],
44
};

‎.prettierrc.js

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎README.md

Lines changed: 74 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ module.exports = {
3434
rules: [
3535
{
3636
test: /\.less$/,
37-
loader: 'less-loader', // compiles Less to CSS
37+
loader: "less-loader", // compiles Less to CSS
3838
},
3939
],
4040
},
@@ -73,13 +73,13 @@ module.exports = {
7373
test: /\.less$/,
7474
use: [
7575
{
76-
loader: 'style-loader',
76+
loader: "style-loader",
7777
},
7878
{
79-
loader: 'css-loader',
79+
loader: "css-loader",
8080
},
8181
{
82-
loader: 'less-loader',
82+
loader: "less-loader",
8383
options: {
8484
lessOptions: {
8585
strictMath: true,
@@ -104,24 +104,24 @@ module.exports = {
104104
{
105105
test: /\.less$/,
106106
use: [
107-
'style-loader',
108-
'css-loader',
107+
"style-loader",
108+
"css-loader",
109109
{
110-
loader: 'less-loader',
110+
loader: "less-loader",
111111
options: {
112112
lessOptions: (loaderContext) => {
113113
// More information about available properties https://webpack.js.org/api/loaders/
114114
const { resourcePath, rootContext } = loaderContext;
115115
const relativePath = path.relative(rootContext, resourcePath);
116116

117-
if (relativePath === 'styles/foo.less') {
117+
if (relativePath === "styles/foo.less") {
118118
return {
119-
paths: ['absolute/path/c', 'absolute/path/d'],
119+
paths: ["absolute/path/c", "absolute/path/d"],
120120
};
121121
}
122122

123123
return {
124-
paths: ['absolute/path/a', 'absolute/path/b'],
124+
paths: ["absolute/path/a", "absolute/path/b"],
125125
};
126126
},
127127
},
@@ -154,10 +154,10 @@ module.exports = {
154154
{
155155
test: /\.less$/,
156156
use: [
157-
'style-loader',
158-
'css-loader',
157+
"style-loader",
158+
"css-loader",
159159
{
160-
loader: 'less-loader',
160+
loader: "less-loader",
161161
options: {
162162
additionalData: `@env: ${process.env.NODE_ENV};`,
163163
},
@@ -171,28 +171,64 @@ module.exports = {
171171

172172
#### `Function`
173173

174+
##### Sync
175+
174176
```js
175177
module.exports = {
176178
module: {
177179
rules: [
178180
{
179181
test: /\.less$/,
180182
use: [
181-
'style-loader',
182-
'css-loader',
183+
"style-loader",
184+
"css-loader",
183185
{
184-
loader: 'less-loader',
186+
loader: "less-loader",
185187
options: {
186188
additionalData: (content, loaderContext) => {
187189
// More information about available properties https://webpack.js.org/api/loaders/
188190
const { resourcePath, rootContext } = loaderContext;
189191
const relativePath = path.relative(rootContext, resourcePath);
190192

191-
if (relativePath === 'styles/foo.less') {
192-
return '@value: 100px;' + content;
193+
if (relativePath === "styles/foo.less") {
194+
return "@value: 100px;" + content;
195+
}
196+
197+
return "@value: 200px;" + content;
198+
},
199+
},
200+
},
201+
],
202+
},
203+
],
204+
},
205+
};
206+
```
207+
208+
##### Async
209+
210+
```js
211+
module.exports = {
212+
module: {
213+
rules: [
214+
{
215+
test: /\.less$/,
216+
use: [
217+
"style-loader",
218+
"css-loader",
219+
{
220+
loader: "less-loader",
221+
options: {
222+
additionalData: async (content, loaderContext) => {
223+
// More information about available properties https://webpack.js.org/api/loaders/
224+
const { resourcePath, rootContext } = loaderContext;
225+
const relativePath = path.relative(rootContext, resourcePath);
226+
227+
if (relativePath === "styles/foo.less") {
228+
return "@value: 100px;" + content;
193229
}
194230

195-
return '@value: 200px;' + content;
231+
return "@value: 200px;" + content;
196232
},
197233
},
198234
},
@@ -219,15 +255,15 @@ module.exports = {
219255
{
220256
test: /\.less$/i,
221257
use: [
222-
'style-loader',
258+
"style-loader",
223259
{
224-
loader: 'css-loader',
260+
loader: "css-loader",
225261
options: {
226262
sourceMap: true,
227263
},
228264
},
229265
{
230-
loader: 'less-loader',
266+
loader: "less-loader",
231267
options: {
232268
sourceMap: true,
233269
},
@@ -257,10 +293,10 @@ module.exports = {
257293
{
258294
test: /\.less$/i,
259295
use: [
260-
'style-loader',
261-
'css-loader',
296+
"style-loader",
297+
"css-loader",
262298
{
263-
loader: 'less-loader',
299+
loader: "less-loader",
264300
options: {
265301
webpackImporter: false,
266302
},
@@ -288,13 +324,13 @@ module.exports = {
288324
test: /\.less$/,
289325
use: [
290326
{
291-
loader: 'style-loader', // creates style nodes from JS strings
327+
loader: "style-loader", // creates style nodes from JS strings
292328
},
293329
{
294-
loader: 'css-loader', // translates CSS into CommonJS
330+
loader: "css-loader", // translates CSS into CommonJS
295331
},
296332
{
297-
loader: 'less-loader', // compiles Less to CSS
333+
loader: "less-loader", // compiles Less to CSS
298334
},
299335
],
300336
},
@@ -313,21 +349,21 @@ To enable sourcemaps for CSS, you'll need to pass the `sourceMap` property in th
313349

314350
```javascript
315351
module.exports = {
316-
devtool: 'source-map', // any "source-map"-like devtool is possible
352+
devtool: "source-map", // any "source-map"-like devtool is possible
317353
module: {
318354
rules: [
319355
{
320356
test: /\.less$/,
321357
use: [
322-
'style-loader',
358+
"style-loader",
323359
{
324-
loader: 'css-loader',
360+
loader: "css-loader",
325361
options: {
326362
sourceMap: true,
327363
},
328364
},
329365
{
330-
loader: 'less-loader',
366+
loader: "less-loader",
331367
options: {
332368
sourceMap: true,
333369
},
@@ -354,7 +390,7 @@ Starting with `less-loader` 4, you can now choose between Less' builtin resolver
354390
webpack provides an [advanced mechanism to resolve files](https://webpack.js.org/configuration/resolve/). The `less-loader` applies a Less plugin that passes all queries to the webpack resolver. Thus you can import your Less modules from `node_modules`. Just prepend them with a `~` which tells webpack to look up the [`modules`](https://webpack.js.org/configuration/resolve/#resolve-modules).
355391

356392
```css
357-
@import '~bootstrap/less/bootstrap';
393+
@import "~bootstrap/less/bootstrap";
358394
```
359395

360396
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";`
@@ -373,16 +409,16 @@ module.exports = {
373409
test: /\.less$/,
374410
use: [
375411
{
376-
loader: 'style-loader',
412+
loader: "style-loader",
377413
},
378414
{
379-
loader: 'css-loader',
415+
loader: "css-loader",
380416
},
381417
{
382-
loader: 'less-loader',
418+
loader: "less-loader",
383419
options: {
384420
lessOptions: {
385-
paths: [path.resolve(__dirname, 'node_modules')],
421+
paths: [path.resolve(__dirname, "node_modules")],
386422
},
387423
},
388424
},
@@ -422,7 +458,7 @@ module.exports = {
422458
```js
423459
module.exports = {
424460
install: function (less, pluginManager, functions) {
425-
functions.add('pi', function () {
461+
functions.add("pi", function () {
426462
// Loader context is available in `less.webpackLoaderContext`
427463

428464
return Math.PI;

‎babel.config.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,10 @@ module.exports = (api) => {
77
return {
88
presets: [
99
[
10-
'@babel/preset-env',
10+
"@babel/preset-env",
1111
{
1212
targets: {
13-
node: '10.13.0',
13+
node: "10.13.0",
1414
},
1515
},
1616
],

‎commitlint.config.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
module.exports = {
2-
extends: ['@commitlint/config-conventional'],
2+
extends: ["@commitlint/config-conventional"],
33
};

‎husky.config.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
module.exports = {
22
hooks: {
3-
'pre-commit': 'lint-staged',
4-
'commit-msg': 'commitlint -E HUSKY_GIT_PARAMS',
3+
"pre-commit": "lint-staged",
4+
"commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
55
},
66
};

‎lint-staged.config.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
module.exports = {
2-
'*.js': ['prettier --write', 'eslint --fix'],
3-
'*.{json,md,yml,css,ts}': ['prettier --write'],
2+
"*.js": ["eslint --fix", "prettier --write"],
3+
"*.{json,md,yml,css,ts}": ["prettier --write"],
44
};

0 commit comments

Comments
 (0)