webpack打包+熱部署+mvn打包
webpack打包的作用:最后生成一個或者多個壓縮后的js逼肯,css文件和一個index.html文件
mvn打包的作用:將這些js恨锚,css躺孝,圖片遏佣,index.html打包成一個war包
熱部署遇到的問題:
根據(jù)網(wǎng)上的教程安裝webpack-dev-server,然后再webpack.config.js中添加:
已經(jīng)將hot設置成true府寒,但是熱部署并沒有生效敏晤,是因為它還需要一個插件:HotModuleReplacementPlugin
在插件里面添加:new webpack.HotModuleReplacementPlugin({})挎塌;
這時艘蹋,熱部署生效;
壓縮文件時遇到的問題:
開發(fā)完成后需要壓縮js外遇,css拒逮,執(zhí)行命令webpack --progress之前需要把熱部署的那個插件(HotModuleReplacementPlugin)注釋掉,否則報錯臀规;
mvn打包時遇到的問題:
打包時發(fā)現(xiàn)壓縮的文件并沒有打包進去滩援,是因為maven打包時的默認路徑是src/main/webapp,所以將打包生成的文件路徑改成src/main/webapp塔嬉,打包成功玩徊;