← Back to rules

import/no-webpack-loader-syntax 制約

何をするか

インポートまたはリクエスト文で直接 Webpack ローダー構文を使用することを禁止します。

なぜこれは悪いのか

このローダー構文は非標準であるため、コードが Webpack に結合されてしまいます。推奨される Webpack ローダー設定の指定方法は、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 でこのルールを有効化するには、次のように使用できます：

Config (.oxlintrc.json)

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

CLI

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

参照

• ルールのソース