- 安装webpack-dev-server
启动命令
npm install webpack webpack-cli webpack-dev-server -D
默认装的是最新版本啦,本人用的webpack5.0版本。
在package.json中添加
"scripts": {
"start": "webpack-dev-server --open",
"dev": "webpack --mode development",
"build": "webpack --mode prdduction",
"watch": "webpack --watch",
"test": "echo \"Error: no test specified\" && exit 1"
},
在webpack.config.js中配置
module.exports = {
devServer: {
contentBase: path.join(__dirname, 'dist'),
compress: true,
port: 9000
},
}
⚠️:运行npm start 报错。会出现如下错误
划重点,出现这种问题,我百度一圈, 都说依赖包版本不一致原因。 我把webpack, webpack-cli , webpack-dev-ser