← Back to rules

import/no-webpack-loader-syntax Restriction

它的作用

禁止在 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");

如何使用

To enable this rule using the config file or in the CLI, you can use:

Config (.oxlintrc.json)

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

Config (oxlint.config.ts)

import { defineConfig } from "oxlint";

export default defineConfig({
  plugins: ["import"],
  rules: {
    "import/no-webpack-loader-syntax": "error",
  },
});

CLI

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

版本

此规则在 v0.7.0 中添加。

参考资料

• Rule Source
• Open rule in Oxc Playground