Je viens de mettre à jour webpack à 4.1.1
et lorsque j'essaie de l'exécuter, l'erreur suivante apparaît:
Objet de configuration invalide. Webpack a été initialisé à l'aide d'un objet de configuration qui ne correspond pas au schéma de l'API. - configuration.module a une propriété inconnue 'loaders'. Celles-ci sont valables ?, strictExportPresence ?, strictThisContextOnImports? } -> Options affectant les modules normaux (
NormalModuleFactory
).
loaders
ressemble à ceci et a travaillé avec 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]' }
]
}
Regardé un exemple de chargeur pour le webpack 4.1.1:
https://webpack.js.org/loaders/raw-loader/
Tout ce que j'avais à faire était de renommer loaders
en 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]' }
]
}