您的位置:首页 >> Vue >> 《和小米一起学Vue.js》— webpack搭建本地服务器

《和小米一起学Vue.js》— webpack搭建本地服务器

[ 孤狼 | 2022-07-30 03:14:10 | Vue | 135°C | 0条评论 ]

在开发过程中,我们每修改一次代码都需要自己手动重新编译一次,这样做很繁琐,可以安装一个本地自编译的服务器来替我们做这些事,只需要在最后保存的时候,手动运行一次即可。


安装webpack-dev-server

npm install --save-dev webpack-dev-server


修改webpack.config.js

module.exports = {
devServer: {
static: './dist',
//devServer 4 开始,热更新自动开启,无需下面的inline启动配置
inline:true
},
}

webpack-dev-server 在编译之后不会写入到任何输出文件。而是将 bundle 文件保留在内存中,然后将它们 serve 到 server 中,就好像它们是挂载在 server 根路径上的真实文件一样。    


修改package.json

{
"scripts":{
"start": "webpack serve --open"
},
}


启动

npm start


结束

关闭命令行就会关闭,或者结束命令任务



代码下载

下载地址:  密码:8k57



转载请注明出处:http://gl.paea.cn/n.php?n=188
 
如您看得高兴,欢迎随意投喂,让我们坚持创作!
赞赏一个鸡腿
还没有人留下遗迹
综合 · 搜索