webpack ContextReplacementPlugin外掛
阿新 • • 發佈:2018-12-17
此外掛允許覆蓋webpack打包時的查詢規則
一、用法:
new webpack.ContextReplacementPlugin(
resourceRegExp: RegExp,
newContentResource?: string,
newContentRecursive?: boolean,
newContentRegExp?: RegExp
)
如果資源(或目錄)符合 resourceRegExp
正則表示式,外掛會替換預設資源為 newContentResource
,布林值 newContentRecursive
表明是否使用遞迴查詢,newContextRegExp
newContentResource
為相對路徑,會相對於前一匹配資源路徑去解析
二、例子
webpack 打包momentjs時會把所有語言包都打包,這樣會使打包檔案很大。此外掛可以幫助我們只打包需要的語言包,大大減小打包檔案大小。
new webpack.ContextReplacementPlugin(/moment[/\\]locale$/, /zh-cn|zh-hk|en/)
限定查詢 moment/locale
上下文裡符合 /zh-cn|zh-hk|en/
表示式的檔案,因此也只會打包這幾種本地化內容。