項目優化

 

　　以前的項目，登錄頁面並無使用webpack打包，這樣致使每次webpack打包dist文件後須要把登錄頁面手動拷貝到後臺項目目錄中，項目進入尾期，本着學習webpack的目的，決定優化一下。由於是login.html使用jq&bs寫的靜態頁面，因此一開始想着經過webpack的html-webpack-plugin插件來打包不適用，查詢webpack plugins發現copy-webpack-plugin可以完成個人需求。如下簡單介紹下項目中如何使用

經過官方文檔配置能夠配置from，設置須要拷貝的文件或者目錄，配置to設置要拷貝到的文件或者目錄

以上是我須要拷貝的一個登錄頁面以及頁面引用的靜態文件，因此直接拷貝login_LB文件夾裏面全部內容。

先本地安裝依賴

cnpm install --save-dev copy-webpack-plugin

而後在項目中引入

var CopyWebpackPlugin = require('copy-webpack-plugin');
new CopyWebpackPlugin([{
      from: path.resolve(__dirname,'../../login_LB')
}])

 而後打包測試一下，

能夠看到login.html跟resource文件夾都打包進來。

以上是一個前端碼畜的使用webpack的copy-webpack-plugin插件的過程，若有誤，歡迎大佬們指正