webpack-ng-dll-plugin Angular DLL插件

webpack 的 ng 版本专用 DLL 插件,叫webpack-ng-dll-plugin,思路挺野但也挺实用的,适合打微前端项目,打包速度那叫一个快。它的核心玩法就是把常用依赖提前打成 DLL 包,再在主项目里直接引,省了不少重复打包的功夫。

微前端依赖共享的场景里,这个插件还挺管用。你可以先用个空壳项目专门做 DLL 开发,建议用@angular-builders/custom-webpack,作者也推荐这个。虽然也能用@angular-devkit/build-webpack,但那是官方的,比较正统,对 webpack 不熟练的话不太建议直接上手。

配置上其实和普通 DLL 差不多。做完 DLL,再在主项目里引用,走正常webpack的插件方式就行了。插件自己会掉index.htmlstylespolyfillsLicense这些没必要进 DLL 的资源,挺贴心。

有意思的是,虽然它现在对复杂逻辑和第三方依赖的保存还不算完善,但你要是清楚自己项目的依赖结构,用起来问题不大。如果你是做大型 Angular 项目或者在搞微前端,可以试试,尤其对打包速度有要求的场景。

zip 文件大小:27.95KB