报错信息
Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
-
configuration.module has an unknown property ‘loaders’. These properties are valid:
object { exprContextCritical?, exprContextRecursive?, exprContextRegExp?, exprContextRequest?, noParse?, rules?, defaultRules?,
unknownContextCritical?, unknownContextRecursive?, unknownContextRegExp?, unknownContextRequest?, unsafeCache?, wrappedContextCri
tical?, wrappedContextRecursive?, wrappedContextRegExp?, strictExportPresence?, strictThisContextOnImports? }
-> Options affecting the normal modules (NormalModuleFactory
).
解决方法:
把module里的那个loaders改成rules
module: {
rules: [{
test: /\.js?$/,
exclude: /node_modules/,
loader: 'babel-loader',
query: {
presets: ['es2015', 'react']
}
} ]
}
报错信息
configuration.resolve.extensions[0] should not be empty
解决方法:
webpack 升级后,extensions 数组中不能使用空字符串,需要使用* 代替
resolve: {
extensions: ['*', '.js', '.jsx', '.css', '.json'],
},
报错信息
webpack 执行后一直显示需要安装webpack-cli
解决方法:
npm install webpack-cli -g // 需要先全局安装在局部安装
npm install webpacl-cli --save-dev
报错信息
Error: webpack.optimize.UglifyJsPlugin has been removed, please use config.optimization.minimize instead.
解决方法:
webpack升级后不支持webpack.optimize.UglifyJsPlugin 这个方法,需要改成一下形式
optimization: {
minimizer: [
new UglifyJSPlugin({
uglifyOptions: {
output: {
comments: false
},
compress: {
warnings: false,
drop_debugger: true,
drop_console: true
}
}
}),
]
},