07 2022 档案
摘要:背景 一切重复工作本应自动化,自动化构建是前端工程化非常重要的组成部分。 自动化:就是通过机器去代替手工完成一些工作。 构建:把一个东西转换成另一个东西。 自动化构建:将开发过程中的源代码自动化的转换成生产环境中可以运行的代码或程序。 构建转换那些不被支持的特性,比如 scss 和 ECMAScri
阅读全文
摘要:通过 node.js 开发一个小型的脚手架工具 脚手架工具就是在启动它之后自动询问一些预设的问题,然后将回答的结果结合一些模板文件生成一个项目的结构。脚手架工具就是一个cli应用,创建脚手架工具就是创建一个cli的应用。 脚手架的工作过程 通过命令行交互询问用户问题 根据用户回答的结果生成文件 步骤
阅读全文
摘要:前端自动化构建工具 -- Plop https://github.com/plopjs/plop 是一个轻量型的工具,可以按照简单的问答来生成代码也可以随着项目迭代随时更改,使得团队开发的内容保持一致,也节省的基础、重复工作所话费的时间,接下来就通过几个案例来演示一下Plop的最佳实践。 整理的参考
阅读全文
摘要:脚手架工具之自定义自定义 Generator 基于 Yeoman 搭建自己的脚手架 创建 Generator 模块 Generator 本质上就是一个 NPM 模块 Generator 基本结构 多个 Sub-Generator 命名要求 必须以 generator- 开头,如 generator-
阅读全文
摘要:脚手架工具 脚手架工具概要 脚手架的本质作用 创建项目基础解构,提供项目规范和约定 项目的组织结构 相同的开发范式 相同的模块依赖 相同的工具配置 相同的基础代码 常用的脚手架工具 为特定类型服务脚手架工具 根据信息创建对应的项目基础解构,但一般只适用于自身所服务的框架的项目 React 项目 =>
阅读全文