webpack 2预计＆＃39;！＆＃39;使用导入时出错

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。

通常不建议使用inline loaders，并且存在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';