Rule

2024年11月23日

柏拉文

越努力，越幸运

一、认识

---

module.rules 每个规则 Rule 可以分为三部分 - 条件(condition)，结果(result)和嵌套规则(nested rule)。

二、语法

---

每一个 Rule 的结构如下:

{
    test: /\.ts$/,
    use: ["swc-loader"],
    exclude: /node_modules/,
    include: Path.resolve(process.cwd(), "src")
}

三、配置项

---

3.1 use

3.2 test

3.3 oneOf

module.rules.oneOf 当规则匹配时，只使用第一个匹配规则。

语法

const Path = require("path");

module.exports = {
    mode: "development",
    entry: Path.resolve(__dirname, "src", "index.js"),
    output: {
        filename: "index.js",
        path: Path.resolve(__dirname, "build"),
    },
    module: {
        rules: [
            {
                test: /\.css$/,
                oneOf: [
                    {
                        resourceQuery: /inline/, // foo.css?inline
                        use: 'url-loader',
                    },
                    {
                        resourceQuery: /external/, // foo.css?external
                        use: 'file-loader',
                    },
                ],
            }
        ],
    },
};

3.4 include

3.5 exclude

3.6 enforce