webpack你配置了什么？如何实现热部署？

1、安装步骤

（1）安装好node和npm，在根目录下生成package.json文件 (通过npm init执行)

（2）通过全局安装webpack

（3）配置webpack

1. entry：入口文件的配置项，它是一个数组的原因是webpack允许多个入口点
2. output：输出文件的配置项
   • path：输出文件的配置项
   • filename：输出文件的文件名
3. plugins：
   举例：extract-text-webpack-plugin与mini-css-extract-plugin：提取CSS到 单独的文件；
   hard-source-webpack-plugin对于构建的module进行缓存，二次构建的时候，提升构建速度
   • 内置插件：

var webpack = require("webpack");
module.exports = {
    new webpack.optimize.UglifyJsPlugin({
      compressor: {
        warnings: false,
      },
    })
};

-  外置插件

//npm install component-webpack-plugin 先要在安装该模版
var ComponentPlugin = require("component-webpack-plugin");
module.exports = {
    plugins: [
        new ComponentPlugin()
    ]
}

4. module：配置处理文件的选项。 module.loaders 是最关键的一块配置。它告知 webpack每一种文件都需要使用什么加载器来处理：
   loaders:一个含有wepback中能处理不同文件的加载器的数组
   • test: 用来匹配相对应文件的正则表达式
   • loaders: 告诉webpack要利用哪种加载器来处理test所匹配的文件
     举例：css-loader style-loader url-loader
5. resolve: 其他解决方案配置

2、webpack如何实现热部署

通过webpack-dev-server来实现，它是webpack官方提供的一个小型Express服务器，使用它可以为webpack打包生成的资源文件提供web服务。可以使用它来实时监听代码文件变化。
项目中只需要在配置文件package.json配置hot: true, // 是否热更新即可开启Hot Module Replacemen即热模块替换