My webpack eslint config:
eslint: { configFile: ".eslintrc", emitWarnings: true }, module: { loaders: [ { test: /\.json$/, loader: "json" }, { test: /\.(js|jsx)$/, loaders: [ require.resolve('react-hot-loader'), require.resolve('babel-loader'), require.resolve('eslint-loader') ], exclude: /node_modules/ } ] },
My mistake:
ERROR in ./src/scripts/main.jsx Module parse failed: /Users/alexandre/Documents/developpement/piemapping/apple-pie/node_modules/react-hot-loader/index.js!/Users/alexandre/Documents/developpement/piemapping/apple-pie/node_modules/babel-loader/index.js!/Users/alexandre/Documents/developpement/piemapping/apple-pie/node_modules/eslint-loader/index.js!/Users/alexandre/Documents/developpement/piemapping/apple-pie/src/scripts/main.jsx Line 12: Unexpected token You may need an appropriate loader to handle this file type. | | // Imports | import React from "react"; | import Dispatcher from "./Dispatcher.js";
Without webpack, I run this command, which works fine:
"lint": "eslint . --ext .js --ext .jsx --fix"
I would like this web package to check my code at compile time and compile or not depend if eslint is causing an error or not.
source share