码迷,mamicode.com
首页 > Web开发 > 详细

webpack-dev-server搭建本地服务器

时间:2019-11-15 12:09:49      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:inf   web   cli   webp   install   conf   ase   搭建本地   测试   

1.安装(npm install --save-dev webpack-dev-server@2.9.1)

 

这里我知道定了版本(CLI2的webpack版本3.6.0, webpack-dev-server为2.9.1)

 技术图片

 

 2.webpack.config.js中配置

技术图片

 

 备注:

技术图片

 

 默认端口:8080;

接下来package.json中配置

技术图片

 

 接下来,npm run dev

 

技术图片

 

 以上是测试,然后 npm run build打包

补充:编译后直接打开

技术图片

 

 开发时配置和打包时配置依赖分离

技术图片

 

 技术图片

 

 技术图片

 

 安装npm install webpack-merge --save-dev

技术图片

 

 配置

技术图片

 

 技术图片

 

 将开发时依赖和生成时依赖都归到base中,

这时webpack.config.js就没什么用了,但是注意一下配置

技术图片

 

 

webpack-dev-server搭建本地服务器

标签:inf   web   cli   webp   install   conf   ase   搭建本地   测试   

原文地址:https://www.cnblogs.com/yaya-003/p/11865316.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!