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。

通常不建议使用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';