Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.
- configuration.module.rules[0] has an unknown property 'query'. These properties are valid:
object { compiler?, dependency?, descriptionData?, enforce?, exclude?, generator?, include?, issuer?, issuerLayer?, layer?, loader?, mimetype?, oneOf?, options?, parser?, realResource?, resolve?, resource?, resourceFragment?, resourceQuery?, rules?, scheme?, sideEffects?, test?, type?, use? }
-> A rule description with conditions and effects for modules.
How to fix this?
here is my code
const webpack = require('webpack')
const path = require('path')
let NODE_ENV = 'production'
if (process.env.NODE_ENV) {
NODE_ENV = process.env.NODE_ENV.replace(/^\s+|\s+$/g, "")
}
module.exports = {
entry: './src/App.js',
output: {
path: path.resolve(__dirname, 'src/buildInterfaces'),
filename: '[name].js'
},
module: {
rules: [{
test: /\.js$/,
exclude: [/node_modules/],
loader: 'babel-loader',
query: {
presets: ['react', 'es2015']
}
},
]
},
resolve: {
extensions: ['.js', '.json']
},
optimization: {
minimize: false
},
mode: NODE_ENV,
plugins: [
new webpack.EnvironmentPlugin('NODE_ENV')
]
}