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

參考

• 規則來源