1. 程式人生 > >webpack ContextReplacementPlugin外掛

webpack ContextReplacementPlugin外掛

此外掛允許覆蓋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/ 表示式的檔案,因此也只會打包這幾種本地化內容。