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.html
、styles
、polyfills
、License
这些没必要进 DLL 的资源,挺贴心。
有意思的是,虽然它现在对复杂逻辑和第三方依赖的保存还不算完善,但你要是清楚自己项目的依赖结构,用起来问题不大。如果你是做大型 Angular 项目或者在搞微前端,可以试试,尤其对打包速度有要求的场景。
27.95KB
文件大小:
评论区