WARNING in configuration The 'mode' option has not been set, webpack will fallback to 'production'

在安装webpack之后，当我们在命令行输入webpack命令时，会出现下图这种情况，这是一个配置警告，意思是说没有设置mode，将默认设置为production（生产环境），而mode的选择项有production 和 development。

 解决方法如下：

在package.json中的"scripts"下配置，加上如下内容

框中的build 是将webpack命令用build替换，然后要重新进行构建时，就可以直接在命令行输入 npm run build

然后在webpack.config.js中设置mode为development

此时在命令行输入 npm run build 就不会再出现这种问题了。

 

PS：webpack.config.js是自己手动新建的，建在项目的根目录下

简单配置内容如下：

// 项目的配置文件
const path = require('path')

module.exports = {
    entry: './src/index.js',
    output: {
        filename: "bundle.js",
        path: path.resolve(__dirname, 'dist')
    },
    "mode": 'development',
    module: {
        // 配置规则
        rules: [
        ]
    },

    // resolve.alias 配置项通过别名来将路径映射为一个新的导入路径
    resolve: {
        alias: {
        }
    }
};