webpack 2预计'!' 使用导入时出错

Question

我想使用这个svg加载器,https://github.com/jhamlet/svg-react-loader

在我遵循的使用指令中,如

import Logo from 'svg-react-loader?name=Logo!../images/logo.svg';

但我得到了错误

Line 3:  Unexpected '!' in 'svg-react-loader?name=Logo!../images/logo.svg'. Do not use import syntax to configure webpack loaders  import/no-webpack-loader-syntax

Answer 1

这不是来自webpack的错误,而是来自ESLint,特别是来自eslint-plugin-import.

通常不建议使用内联加载器,并且存在ESLint规则import/no-webpack-loader-syntax以警告您不要这样做.如果您确实想使用内联加载器并且不希望ESLint发出抱怨,则可以在您的内容中禁用该规则.eslintrc.

"rules": {
  "import/no-webpack-loader-syntax": "off"
}

或者,您可以仅针对该特定导入禁用该规则,如果您希望收到有关内联加载器的警告,除此之外,因为在这种特定情况下您可能需要它.

// eslint-disable-next-line import/no-webpack-loader-syntax
import Logo from 'svg-react-loader?name=Logo!../images/logo.svg';