配置wenpack-server

絮絮叨叨的口刀

于 2021-04-27 16:23:53 发布

阅读量176

点赞数

本文链接：https://blog.youkuaiyun.com/qq_41851315/article/details/116203950

版权

本文详细介绍了如何安装和使用Webpack-dev-server，包括配置参数如--content-base、--quiet等，并列举了常见选项及其作用，帮助开发者提升开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一步安装webpack-server

npm i webpack-dev-server -D

安装之后直接执行webpack serve就可以

也可在package.json中自己手动配置

直接执行npm run dev

--content-base //设定webpack-dev-server的director根目录。如果不进行设定的话,默认是在当前目录下。
--quiet://控制台中不输出打包的信息，开发中一般设置为false，进行:打印，这样查看错误比较方面
--no-info:!/不显示任何信奥
--colors://对信意进行颜色输出
--no-colors://对信息不进行颜色输出
--compress: //开启gzip压缩
--host <hostname/ip>://设置ip
--port <number>://设置端目号，默认是:8080
--inline: //webpack-dev-server会在你的webpack.config.js的入口配置文件中再添加一个入口
--hot://开发热替换
--open://启动命令，白动打开浏览器
--history-api-fallback://查看历史url