安装好webpack后,运行webpack打包时会出现报错:WARNING in configuration The ‘mode’ option has not been set, webpack will fallback to ‘production’ for this value. Set ‘mode’ option to ‘development’ or ‘production’ to enable defaults for each environment. You can also set it to ‘none’ to disable any def
这是mode没有配置的意思,所以我们需要手动配置
先回到安装webpack的文件路径
给package.json文件中的scripts设置mode
"name": "webpack",
"version": "1.0.0",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "webpack --mode development",
"build": "webpack --mode production"
},
"author": "",
"license": "ISC",
"description": ""
}
然后配置webpack.config.js文件(如果原来的安装路径下没有该文件,就手动创建webpack.config.js文件)
const path = require('path');
module.exports = {
entry: path.join(__dirname, './src/index.js'),//被打包文件所在的路径
output: {
path: path.join(__dirname, './dist'),//打包文件保存的路径
filename: 'main.js'
},
mode: 'development' // 设置mode
}
这样配置好mode后就可以成功运行webpack