简单前端项目是否可以使用Angular Flex-layout库？是否为最佳实践？

核心结论 #

不建议你在当前的原生HTML/SCSS/JavaScript项目中使用Angular Flex Layout，该方案不可行，也不符合技术选型的良好实践。

具体原因 #

• Angular Flex Layout是Angular框架生态的专属布局工具，强依赖Angular核心运行时，你的项目没有接入Angular框架的情况下，它提供的所有布局指令都无法被正常解析生效，完全无法使用。
• 强行引入该库还会连带安装大量Angular相关的冗余依赖，不仅会大幅增加项目体积，还会和你当前的Gulp构建流程产生兼容性问题，反而会拖慢你的开发进度，和你节省时间的需求完全相悖。

适配你需求的替代方案 #

你要快速实现响应式布局的需求完全可以通过更适配当前技术栈的方案满足：

• 可以选用无框架依赖的纯CSS Flex布局工具类库，仅需要引入CSS文件，直接在HTML标签上添加对应类名即可实现和Angular Flex Layout类似的声明式布局效果，无额外JS依赖，和你当前的SCSS、Gulp构建流程完全兼容。
• 如果你不想额外引入第三方库，只用SCSS封装常用的flex布局mixin和响应式断点类，10分钟内就能完成常用布局逻辑的封装，灵活度更高，也不会产生冗余代码。
• 如果你需要更全的通用样式能力，也可以选择轻量的原子类CSS库，仅引入布局相关的部分，体积极小，响应式能力完全可以满足普通项目的需求，开发效率也很高。

关于良好实践的说明 #

技术选型最基础的良好实践就是优先选择和当前技术栈适配的工具，不要引入生态不兼容的依赖，避免不必要的踩坑成本。对于需要快速交付的小型项目，优先选用无额外运行时依赖、和现有构建流程适配的工具，才是兼顾开发效率和项目可维护性的合理选择。

内容的提问来源于stack exchange，提问作者ng-someone