webpack警告解除（WARNINGinconfigurationThe’mode’optionhasnotbeenset）

webpack打包的时候会出现如下的错误：

WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'uction' for this value. Set 'mode' option to 'development' or duction' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior.rn more: https://webpack.js.org/configuration/mode/

产生原因：

webpack升级4.0之后新增了mode属性

解决方法：

1. 在package.json中设置开发环境和生产环境

 "scripts": {
    "dev": "webpack --mode development",//设置开发环境
    "build": "webpack --mode production",//设置生产环境
    "test": "echo \"Error: no test specified\" && exit 1"
  },

2. 在webpack.confing.js中设置mode

const path = require('path')

//这个配置文件就是一个JS文件，通过Mode中的模块操作，向外暴露一个配置对象
module.exports = {
    //手动指定入口和出口
    entry: path.join(__dirname,'./src/main.js'),//入口，表示打包哪个文件
    output:{
        path: path.join(__dirname,'./dist'),//指定打包好的文件，输入到哪个目录中
        filename: 'bundle.js'//指定输出的文件的名称
    },
    mode: 'development'//设置mode
}

设置完这两个文件警告就解除了

原文链接：https://www.cnblogs.com/yujiao-99/p/12673678.html
本文来源 爱码网，其版权均为 原网址 所有 与本站无关，文章内容系作者个人观点，不代表 本站 对观点赞同或支持。如需转载，请注明文章来源。