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");

参考文献

• 规则来源