← Back to rules

import/no-webpack-loader-syntax 限制

它的作用

禁止在 import 或 require 语句中直接使用 Webpack loader 语法。

为什么这是不好的？

这种 loader 语法是非标准的，因此会将代码与 Webpack 绑定在一起。指定 Webpack loader 配置的推荐方式是在 Webpack 配置文件 中进行。

示例

此规则的 错误 代码示例：

import myModule from "my-loader!my-module";
import theme from "style!css!./theme.css";

var myModule = require("my-loader!./my-module");
var theme = require("style!css!./theme.css");

此规则的 正确 代码示例：

import myModule from "./my-module";
import theme from "./theme.css";

var myModule = require("./my-module");
var theme = require("./theme.css");

如何使用

要通过配置文件或 CLI 启用 此规则，可以使用：

配置文件 (.oxlintrc.json)

{
  "plugins": ["import"],
  "rules": {
    "import/no-webpack-loader-syntax": "error"
  }
}

CLI

oxlint --deny import/no-webpack-loader-syntax --import-plugin

参考资料

• 规则源码