首页 > Web开发 > 详细

10天掌握webpack 4.0 服务篇

时间:2020-03-10 22:10:42      阅读:49      评论:0      收藏:0      [点我收藏+]
npm i webpack-dev-server –D

安装插件

技术分享图片

 

 在 webpack.config.js 添加配置

  • contentBase 配置开发服务运行时的文件根目录
  • host:开发服务器监听的主机地址
  • compress 开发服务器是否启动gzip等压缩
  • port:开发服务器监听的端口
  devServer: {
    //配置开发服务运行时的文件根目录
    contentBase: path.join(__dirname, dist),
    //开发服务器监听的端口
    port: 9000,
    //开发服务器是否启动gzip等压缩
    compress: true,
    host: localhost
  },

添加运行脚本

package.json

  "scripts": {
    "build": "webpack",
    "dev": "webpack-dev-server --open"
  }

启动:

技术分享图片

 

10天掌握webpack 4.0 服务篇

原文:https://www.cnblogs.com/guangzhou11/p/12458891.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!