From b6e701c95965ceda213e34ce7e0acfc0ed7e86fe Mon Sep 17 00:00:00 2001
From: pengshiyu <1940607002@qq.com>
Date: Mon, 30 May 2022 23:07:18 +0800
Subject: [PATCH] fix

---
 blog/php-mysql/index.md        |   2 +-
 blog/webpack/webpack-loader.md | 170 ++++++++++++++++++++++++++++++++-
 2 files changed, 170 insertions(+), 2 deletions(-)

diff --git a/blog/php-mysql/index.md b/blog/php-mysql/index.md
index 1475f5d..24623e9 100644
--- a/blog/php-mysql/index.md
+++ b/blog/php-mysql/index.md
@@ -38,7 +38,7 @@
 
 18. [高级数据操作-查询数据](blog/php-mysql/sql-senior-select.md)
 
-[查询中的运算符](blog/php-mysql/sql-operator.md)
+19. [查询中的运算符](blog/php-mysql/sql-operator.md)
 
 [联合查询 union](blog/php-mysql/sql-union.md)
 
diff --git a/blog/webpack/webpack-loader.md b/blog/webpack/webpack-loader.md
index 39d6f58..b650238 100644
--- a/blog/webpack/webpack-loader.md
+++ b/blog/webpack/webpack-loader.md
@@ -274,10 +274,178 @@ this.utils.absolutify	|返回一个绝对路径	|this.utils.absolutify(context,
 
 ### clean-log-loader
 
+去除`console.log` 语句
+
 ```js
 // console-log-laoder.js
 module.exports = function (content, map, meta) {
   return content.replace(/console\.log\(.*\);?/g, '');
 };
 ```
-https://www.bilibili.com/video/BV14T4y1z7sw?p=67&spm_id_from=pageDriver
+使用
+
+```js
+// webpack.config.js
+
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        loader: "./loaders/console-log-laoder.js",
+      },
+    ],
+  },
+};
+
+```
+
+### banner-loader
+
+给内容中增加一个作者信息
+
+```js
+// banner-loader/index.js
+const schema = require("./schema.json");
+
+module.exports = function (content, map, meta) {
+  // schema对options进行规则校验
+  const options = this.getOptions(schema);
+  
+  const prefix = `
+       /**
+       * Author: ${options.author}
+       **/
+    `;
+  return prefix + content;
+};
+
+```
+
+参数验证规则 banner-loader/schema.json
+
+```json
+{
+  "type": "object",
+  "properties": {
+    "author": {
+      "type": "string"
+    }
+  },
+  "additionalProperties": false
+}
+```
+
+说明：
+```json
+// 是否允许额外的属性
+"additionalProperties": false
+```
+
+使用
+
+```js
+// webpack.config.js
+
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        loader: "./loaders/banner-loader/index.js",
+        options: {
+          author: "曹操"
+        },
+      },
+    ],
+  },
+};
+
+```
+
+### babel-loader
+
+自定义babel-loader,转换ES6语法
+
+```bash
+npm i -D @babel/preset-env @babel/core
+```
+
+```js
+// babel-loader/index.js
+const babel = require("@babel/core");
+
+const schema = require("./schema.json");
+
+// https://www.babeljs.cn/docs/babel-core
+
+module.exports = function (content, map, meta) {
+  // 异步loader
+  const callback = this.async();
+
+  // schema对options进行规则校验
+  const options = this.getOptions(schema);
+
+  // 使用babel 对代码进行编译
+  babel.transform(content, options, function (err, result) {
+    if (err) {
+      callback(err);
+    } else {
+      callback(null, result.code);
+    }
+  });
+};
+
+```
+
+参数校验规则 babel-loader/schema.json
+```json
+{
+  "type": "object",
+  "properties": {
+    "presets": {
+      "type": "array"
+    }
+  },
+  "additionalProperties": true
+}
+
+```
+
+入口文件
+
+```js
+// src/index.js
+
+function sum(...args) {
+  return args.reduce((x, y) => x + y, 0);
+}
+
+```
+
+使用
+
+```js
+// webpack.config.js
+
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        loader: "./loaders/babel-loader/index.js",
+        options: {
+          presets: [
+            '@babel/preset-env'
+          ],
+        },
+      },
+    ],
+  }
+};
+
+```
+
+
+
+https://www.bilibili.com/video/BV14T4y1z7sw?p=74&spm_id_from=pageDriver
-- 
GitLab