Estoy siguiendo este tutorial: https://www.youtube.com/watch?v=iWUR04B42Hc , se que tiene contenido desactualizado pero creo que lo he traducido correctamente a la última versión de Webpack , pero me está dando este error de configuration.module.rules[0] has an unknown property 'query'.
Versión completa
[webpack-cli] 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 { assert?, 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. Mi ruta webpack.config.js const = require('ruta');
module.exports = { entry: { app: './source/app.js' }, output: { path: path.resolve(__dirname, 'build'), filename: 'app.bundle.js' }, mode: 'development', module: { rules: [ { test: /\.js?$/, exclude: /node_modules/, loader: 'babel-loader', query: { presets: ['@babel/preset-env'] } } ] } }¿Alguien sabe cuál es el problema con mi código?
El mensaje de error es muy claro, no hay una opción de query sobre la configuración de la rule , debe usar options.presets . Ver uso de Webpack v5
module: { rules: [ { test: /\.m?js$/, exclude: /(node_modules|bower_components)/, use: { loader: 'babel-loader', options: { presets: ['@babel/preset-env'] } } } ] }