← Back to rules

import/no-webpack-loader-syntax 제한

작동 방식

import 또는 require 문에서 웹팩 로더 구문을 직접 사용하는 것을 금지합니다.

왜 문제인가요?

이 로더 구문은 비표준이므로, 코드를 웹팩에 종속시킵니다. 웹팩 로더 구성 정보를 지정하는 권장 방법은 웹팩 구성 파일에 설정하는 것입니다.

예시

이 규칙에 어긋나는 잘못된 코드 예시:

// 웹팩 로더 구문 사용 (잘못됨)
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");

사용 방법

이 규칙을 구성 파일이나 명령줄 인터페이스에서 활성화하려면 다음을 사용할 수 있습니다:

Config (.oxlintrc.json)

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

CLI

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

참고자료

• 규칙 소스