webpack中include和exclude

微信扫一扫,分享到朋友圈

webpack中include和exclude

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

手摸手Electron + Vue实战教程(二)

上一篇

后疫情时代,失去主动权的投资机构该如何破局?——募资云加速助力机构募资

下一篇

你也可能喜欢

webpack中include和exclude

长按储存图像,分享给朋友