webpack.config.js中,设置了mode不生效

学习webpack中,在config中设置了mode: 'development' ,打包时却报错The 'mode' option has not been set, webpack will fallback to 'production' for this value.

const path = require('path')

module.exports = {

entry: path.join(__dirname,'src','index.js'),
output:{
    path:path.join(__dirname,'dist'),
    filename:'bundle.js'
},
mode: 'development'

}

img

打包按照mode的默认值production模式生成了bundle,但我自己无论怎么设置mode都不生效,都会有这个报错,百度没找到解决办法

看一看webpack.config.js这个文件是不是放错路径了,没在项目文件夹第一层,webpack是读不到的

package.json中有设置吗


”scripts": {
    "dev": "webpack --mode development",  // 开发环境
     "build": "webpack --mode production",  // 生产环境
  }

我也遇到了这个问题,请问你解决了吗