webpack的静态资源集中输出

前言

在工作中经常会遇到一些在项目中没有引用的图片资源或者其他静态资源，这个就需要用到copy-webpack-plugin插件，直接打包到指定的文件夹下面

安装插件

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

引入插件

在webpack.config.js中头部引入

const copyWebpackPlugin= require("copy-webpack-plugin");

配置插件

在webpack.config.js的 plugins里面配置就行

new copyWebpackPlugin([{
        from:__dirname+'/src/public', // 要打包的静态资源目录地址
        to:'./public'   // 打包到文件下的路径
    }])

参考

http://jspang.com/2017/09/16/webpack3-2/#20watch