第一步:安装
npm install --save-dev webpack-dev-server
第二步:配置webpack.config.js
devServer: {
contentBase: ‘./dist’
}
第三步:配置package.json
“scripts”: {
“test”: “echo “Error: no test specified” && exit 1”,
“build”: “webpack”,
“start”: “webpack-dev-server”
},
此时,npm run start 会报错,版本问题,请使得webpack,webpack-cli,webpack-dev-server的版本如下,就不会报错
第四步
npm run start 运行后打开http://localhost:8080/查看效果
注意dist文件夹下的东西会被webpack-dev-server清空
mode: ‘development’,
webpack官网
https://v4.webpack.docschina.org/guides/development/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。