webpack 2が必要です '！'私は、このSVGローダーを使用するインポート

Question

、私は

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

を得た命令でhttps://github.com/jhamlet/svg-react-loader

を使用してエラーwebpackからのエラーですが、具体的にはeslint-plugin-importからのESLintです。

一般に、inline loadersを使用することはお勧めできません。これを行うように警告するには、ESLint規則import/no-webpack-loader-syntaxが存在します。インラインローダーを使用したいが、ESLintに不平を言わせたくない場合は、.eslintrcのルールを無効にすることができます。

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

それとも、インラインローダーについて警告したい場合は、この特定のケースでは、それを必要とするかもしれないので、あなたは、この1を除いて、ちょうどその具体的な輸入のためにルールを無効にすることができます。

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