自動生成html，基本用法：
new htmlwebpackplugin()基本用法：
new copywebpackplugin([
])
webpack-manifest-plugin 基本用法：
module.exports =module.exports =基本用法：
// 清理目錄
const pathstoclean = [
'dist',
'build']
// 清理引數
const cleanoptions =
module.exports =
基本用法：
module.exports =基本用法：
module.exports =用法：
new webpack.provideplugin()用法：
new webpack.defineplugin(
})
基本用法 extract-text-webpack-plugin：
const extracttextplugin = require("extract-text-webpack-plugin");
module.exports = )}]
},plugins: [
new extracttextplugin("styles.css"),
]}
const minics***tractplugin = require("mini-css-extract-plugin");
module.exports =
},"css-loader"]}
]},plugins: [
new minics***tractplugin()
]}
用法：
new webpack.ignoreplugin(/^\.\/locale$/, /moment$/)用法：
module.exports = ,
output: }}]
}};
用法：
module.exports = } // 去除所有注釋
})]}};
var webpackmd5hash = require('webpack-md5-hash');
module.exports = ,
plugins: [
new webpackmd5hash()
]};
webpack 把 chunk 分為兩種型別，一種是初始載入initial chunk，另外一種是非同步載入 async chunk，如果不配置splitchunksplugin，webpack會在production的模式下自動開啟，預設情況下，webpack會將 node_modules 下的所有模組定義為非同步載入模組，並分析你的 entry、動態載入（import()、require.ensure）模組，找出這些模組之間共用的node_modules下的模組，並將這些模組提取到單獨的chunk中，在需要的時候非同步載入到頁面當中，其中預設配置如下：
module.exports = ,
default: }}
}};
autodll-webpack-plugin 相當於 dllplugin 和 dllreferenceplugin 的簡化版，其實本質也是使用 dllplugin && dllreferenceplugin，它會在第一次編譯的時候將配置好的需要預先編譯的模組編譯在快取中，第二次編譯的時候，解析到這些模組就直接使用快取，而不是去編譯這些模組。
dllplugin 基本用法：
const output =
module.exports = ,
output: output,
plugins: [
new webpack.dllplugin(.json`),
name: output.library // 全域性變數名， 也就是 window 下 的 [output.library]
})]}
const manifest = path.resolve(process.cwd(), 'vendor', 'vendor.js.json')
module.exports =
]}
module.exports =
})]}
const os = require('os');
module.exports = ,
include: [path.resolve(process.cwd(), 'src')]
}]},
loaders: ['babel-loader']
})]}
thread-loader 基本用法:
module.exports = ]}}
hard-source-webpack-plugin 基本用法：
module.exports =module.exports = ]}}
基本用法：
new bundleanalyzerplugin(),stats-webpack-plugin 基本用法：
module.exports = )
]};
module.exports =webpack 外掛程式總結歸類
自動生成html，基本用法 new htmlwebpackplugin 複製 拷貝資源外掛程式 基本用法 new copywebpackplugin 複製 倆個外掛程式效果一致，都是生成編譯結果的資源單，只是資源單的資料結構不一致而已。webpack manifest plugin 基本用法 mod...
VIM命令總結歸類
1.ctrl g 用於顯示當前游標所在位置和檔案狀態資訊。shift g 用於將游標跳轉至檔案最後一行。先敲入乙個行號然後按 shift g 則是將游標移動至該行 號代表的行。3.如果游標當前位置是括號 按 可以將游標移動到配對的括號上。4.在一行內替換頭乙個字串 old 為新的字串 new，請輸入...
webpack外掛程式配置及常用外掛程式
plugins new webpack.provideplugin new webpack.ignoreplugin locale moment 有的外掛程式是開發模式不用，到生產模式下才用,可如下設定 production 指生產模式 new webpack.optimize.uglifyjspl...