Eslint error loading custom import

[FacundoGFlores]

I am using the adal-angular package and algo expose library. The thing is I need to import the AuthenticationContext

var AuthenticationContext = require('expose?AuthenticationContext!adal-angular');

but create-react-app webpack can not compile it because there is a flag for handling this kind of things:

import/no-webpack-loader-syntax

inside the eslint-config-react-app.

So I had to change it to:

'import/no-webpack-loader-syntax': 'warn'

How can I prevent this behaviour not changing the node_module?

[gaearon]

Create React App doesn't support Webpack loaders. If you eject, you can customize ESLint config any way you like (and replace our preset with any other preset you prefer).

I would, however, recommend using regular JS instead of webpack loaders. This code:

var AuthenticationContext = require('expose?AuthenticationContext!adal-angular');

is equivalent to this code:

var AuthenticationContext = require('adal-angular');
window.AuthenticationContext = AuthenticationContext;

Unlike the first one, it's not specific to Webpack.