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

webpack学习笔记 (三) webpack-dev-server插件和HotModuleReplacementPlugin插件使用

时间:2017-05-08 01:16:07      阅读:426      评论:0      收藏:0      [点我收藏+]

标签:打包   参数配置   ntp   llb   sts   不清楚   输入   message   evel   

 

webpack-dev-server插件

webpack-dev-server是webpack官方提供的一个小型Express服务器。使用它可以为webpack打包生成的资源文件提供web服务。

webpack-dev-server 主要提供两个功能:

  • 为静态文件提供服务
  • 自动刷新和热替换(HMR)

HotModuleReplacementPlugin插件

HotModuleReplacementPlugin主要用于代码热替换(具体用途还不清楚,因为没有研究通透吧)

 

一、webpack-dev-server插件说明

安装:

在cmd中输入npm webpack-dev-server -g执行;

启动:

在cmd中输入 webpack-dev-server执行;

 

额外参数配置

在webpack.config.json中增加devServer配置项

技术分享

配置参数说明如下:

  • --content-base <file/directory/url/port>: base path for the content.
  • --quiet: don’t output anything to the console.
  • --no-info: suppress boring information.
  • --colors: add some colors to the output.
  • --no-colors: don’t use colors in the output.
  • --compress: use gzip compression.
  • --host <hostname/ip>: hostname or IP. 0.0.0.0 binds to all hosts.
  • --port <number>: port.
  • --inline: embed the webpack-dev-server runtime into the bundle.
  • --hot: adds the HotModuleReplacementPlugin and switch the server to hot mode. Note: make sure you don’t add HotModuleReplacementPlugin twice.
  • --hot --inline also adds the webpack/hot/dev-server entry.
  • --public: overrides the host and port used in --inline mode for the client (useful for a VM or Docker).
  • --lazy: no watching, compiles on request (cannot be combined with --hot).
  • --https: serves webpack-dev-server over HTTPS Protocol. Includes a self-signed certificate that is used when serving the requests.
  • --cert--cacert--key: Paths the certificate files.
  • --open: opens the url in default browser (for webpack-dev-server versions > 2.0).
  • --history-api-fallback: enables support for history API fallback.
  • --client-log-level: controls the console log messages shown in the browser. Use errorwarninginfo or none.

webpack-dev-server相关介绍请参见这里

 

HotModuleReplacementPlugin 

 (后续补充吧)

webpack学习笔记 (三) webpack-dev-server插件和HotModuleReplacementPlugin插件使用

标签:打包   参数配置   ntp   llb   sts   不清楚   输入   message   evel   

原文地址:http://www.cnblogs.com/sunflowerGIS/p/6821792.html

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