项目优化

 

　　以前的项目，登录页面并无使用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插件的过程，若有误，欢迎大佬们指正