webpack4-生產環境打包靜態資源

靜態資源一般放在根目錄下的 static 文件夾下，先創建該文件夾，隨便放個什么文件進去，以方便之后打包，這個只需要在生產環境需要用到，所以修改webpack.prod.conf.js 文件：

// 在頭部引用中添加以下代碼
const copyWebpackPlugin = require('copy-webpack-plugin');

// 在 plugin 中 添加以下代碼
new copyWebpackPlugin([{
    from:path.resolve(__dirname+'/static'),// 打包的靜態資源目錄地址
    to:'static' // 打包到dist下面的static
}]),

當然該插件也可以同時打包多個靜態資源文件夾，也就是要多加幾條from``to數據，本項目根目錄下還有README靜態資源文件夾，也希望打包進生產環境：

new copyWebpackPlugin([
    {
        from:path.resolve(__dirname+'/static'),// 打包的靜態資源目錄地址
        to:'./static' // 打包到dist下面的static
    },
    {
        from:path.resolve(__dirname+'/README'),// 打包的靜態資源目錄地址
        to:'./README' // 打包到dist下面的README
    },
]),