page - webpack 4.1.1-> configuration.module tiene una propiedad desconocida ''loaders''.

webpack version

Question

Acabo de actualizar el webpack a 4.1.1 y cuando intento ejecutarlo obtengo el siguiente error:

Objeto de configuración no válido. El paquete web se ha inicializado utilizando un objeto de configuración que no coincide con el esquema de la API. - configuration.module tiene una propiedad desconocida ''loaders''. Estas propiedades son válidas: objeto {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse ?, ¿reglas ?, defaultConte ?, strictExportPresence ?, strictThisContextOnImports? } -> Opciones que afectan a los módulos normales ( NormalModuleFactory ).

loaders ven así y trabajaron con webpack 3.11.0 :

module: {
    loaders: [
        { test: //.tsx?$/, loader: [''ts-loader''] },
        { test: //.css$/, loader: "style-loader!css-loader" },
        {
            test: //.scss$/, use: [{
                loader: "style-loader" // creates style nodes from JS strings
            }, {
                loader: "css-loader" // translates CSS into CommonJS
            }, {
                loader: "sass-loader" // compiles Sass to CSS
            }]
        },
        { test: //.(otf|ttf|eot|svg|woff(2)?)(/?[a-z0-9=&.]+)?$/, loader: ''file-loader?name=./Scripts/dist/[name].[ext]'' }
    ]
}

Answer 1

Miré un cargador de ejemplo para webpack 4.1.1:

https://webpack.js.org/loaders/raw-loader/

Todo lo que tenía que hacer era cambiar el nombre de los loaders a las rules .

module: {
    rules: [
        { test: //.tsx?$/, loader: [''ts-loader''] },
        { test: //.css$/, loader: "style-loader!css-loader" },
        {
            test: //.scss$/, use: [{
                loader: "style-loader" // creates style nodes from JS strings
            }, {
                loader: "css-loader" // translates CSS into CommonJS
            }, {
                loader: "sass-loader" // compiles Sass to CSS
            }]
        },
        { test: //.(otf|ttf|eot|svg|woff(2)?)(/?[a-z0-9=&.]+)?$/, loader: ''file-loader?name=./Scripts/dist/[name].[ext]'' }
    ]
}