webpack打包+热部署+maven打包

webpack打包+热部署+mvn打包

webpack打包的作用：最后生成一个或者多个压缩后的js，css文件和一个index.html文件

mvn打包的作用：将这些js，css，图片，index.html打包成一个war包

热部署遇到的问题：

根据网上的教程安装webpack-dev-server,然后再webpack.config.js中添加：

已经将hot设置成true，但是热部署并没有生效，是因为它还需要一个插件：HotModuleReplacementPlugin

在插件里面添加：new webpack.HotModuleReplacementPlugin({})；

这时，热部署生效；

压缩文件时遇到的问题：

开发完成后需要压缩js，css，执行命令webpack --progress之前需要把热部署的那个插件（HotModuleReplacementPlugin）注释掉，否则报错；

mvn打包时遇到的问题：

打包时发现压缩的文件并没有打包进去，是因为maven打包时的默认路径是src/main/webapp，所以将打包生成的文件路径改成src/main/webapp，打包成功；