webpack中include和exclude

webpack中include和excludewebpack配置时,为了提高解析速度,需要指定需要处理的文件。 正则表达式,指定项目中所有的文件(包含node_modules)后缀名为.jsx 或者 .js的文件。 指定需要处理的文件。可以是具体的文件或者文件名。当include可以指定所有的需要处理的文件时,不需要exc…

webpack配置时,为了提高解析速度,需要指定需要处理的文件。

有三种配置可以指定需要处理的文件:

  1. test
  2. include
  3. exclude

test

test: /\.jsx?$/,

正则表达式,指定项目中所有的文件(包含node_modules)后缀名为.jsx 或者 .js的文件。

include

指定需要处理的文件。可以是具体的文件或者文件名。当include可以指定所有的需要处理的文件时,不需要exclude的存在!!!

      include: [        
          path.resolve(__dirname, './node_modules/normalize.css'),        
          path.resolve(__dirname, './node_modules/antd-mobile'),        
          path.resolve(__dirname, './node_modules/react-wx-images-viewer')      
      ],

也可以正则表达式

include: /\/node_module\/^antd.*/

意义:指定需要处理的文件是include对应的文件或者文件夹中符合test指定的类型的文件

exclude

 优先级最高

优先级高于test和include

当include和exclude同时存在时,以exclude的为主。

两者同时存在且有效的情况是,exclude是include的子集,指定除normalize.css之外的所有/node_moduels/

      exclude: [        path.resolve(__dirname, './node_modules/normalize.css'),      ],
      include: /node_modules/

如果反过来,include无效

      include: [        
          path.resolve(__dirname, './node_modules/normalize.css'),      
      ],
      exclude: /node_modules/

今天的文章webpack中include和exclude分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/22912.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注