简介
在使用 Rollup 进行打包时,一些依赖项不但不需要被打包到最终的代码中,还会造成代码体积过大的问题,甚至会引发一些问题。rollup-node-externals npm 包就是为了解决这个问题而设计的。
rollup-node-externals 可以在 Rollup 中对 node_modules 中的依赖项进行忽略,而不打包到最终的生成的文件中,同时,它也可以忽略引入了哪些指定的模块。
安装 rollup-node-externals
在使用 rollup-node-externals 之前,需要先安装这个 npm 包。可以使用下面的代码进行安装:
--- ------- ---------- ---------------------
rollup-node-externals 的使用
忽略所有 node_modules 依赖项
使用 rollup-node-externals 最常用的方式就是忽略所有的 node_modules 依赖项,下面是使用 rollup-node-externals 忽略所有 node_modules 依赖项的例子。
rollup.config.js 文件的添加及配置
------ ------------------- ---- ------------------------ ------ ------- - ------ --------------- ------- -- ------- ------ ----- ---------------- --- -------- --- --------- --------------------- --
以上代码中,我们使用了 rollup-node-externals 包中的默认导出来忽略掉了所有 node_modules 依赖项。
指定忽略的模块
在上面的例子中,我们忽略掉了所有 node_modules 依赖项,有些情况下,可能有些依赖项是我们需要引入的,这时候我们就需要指定忽略的模块了。
rollup.config.js 文件的添加及配置
------ ------------------- ---- ------------------------ ------ ------- - ------ --------------- ------- -- ------- ------ ----- ---------------- --- -------- --- --------- --------------------- ---------- ---------- -- --
以上代码中,我们新增了 whitelist
这个参数,这个参数是一个数组,其值为需要保留的模块名,这里我们指定了需要保留的 lodash
模块。
忽略 devDependencies
在开发过程中,有些依赖项只会用于开发,而不会被用于生产环境中,因此我们在生产环境中可以将这些依赖项忽略掉。
rollup.config.js 文件的添加及配置
------ ------------------- ---- ------------------------ ------ ------- - ------ --------------- ------- -- ------- ------ ----- ---------------- --- -------- --- --------- --------------------- ---------------- ---- -- --
以上代码中,我们新增了 devDependencies
这个参数,将其设置为 true
,表示忽略掉 devDependencies 中的依赖项。
总结
rollup-node-externals 可以帮助我们简化打包工作,减小最终打包生成文件的体积,同时也可保证代码的稳定性,避免引入不需要的依赖项。在实际项目中应用 rollup-node-externals,可以提高项目的效率和稳定性。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/205121