1 Star 0 Fork 0

Baboon-lagou / fed-e-task-02-01

Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
Clone or Download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

Part 2 · 前端工程化实战

本阶段主要以前端工程化为主题,分别从脚手架工具、自动化构建、模块化开发、规范化标准四个维度介绍前端工程化具体该如何落地、如何实践,以此应对复杂前端应用的开发和维护过程,提高开发者的工作效率,降低项目维护成本,从而更好地适应大前端时代下的前端开发工作。

fed-e-task-02-01

开发脚手架及封装自动化构建工作流相关内容

此模块中会先带你了解什么是前端工程化,以及前端工程化和工具之间的关系;

紧接着在脚手架工具的学习中你可以了解到脚手架的本质、工作原理,以及自己从无到有搭建一个自己的脚手架工具;

最后我们会介绍几种常见的自动化构建工具的使用和扩展方式,通过使用自动化构建工具,可以大大提高你的开发效率。

练习题

简答题

谈谈你对工程化的初步认识,结合你之前遇到过的问题说出三个以上工程化能够解决问题或者带来的价值。

  • 传统语言或语法带来的弊端

  • 无法使用模块化 / 组件化

  • 重复的机械式工作

  • 代码风格不统一、质量无法保证

  • 更多

你认为脚手架除了为我们创建项目结构,还有什么更深的意义?

  • 提高效率和质量
  • 早点下班
  • 更多

编程题

概述脚手架实现的过程,并使用 NodeJS 完成一个自定义的小型脚手架工

  • 脚手架 工具就是通过 CLI 程序发起一些预设的询问,再将我们的回答结果结合一些 模板文件 来生成对应的项目结构。更多

  • /code/sample-scaffolding click-me

尝试使用 Gulp 完成项目的自动化构建

Other

项目基础代码下载地址:

百度网盘:https://pan.baidu.com/s/1AyGApMTFEfCeGfQBdykOGg 提取码: bw3r

说明: 本次作业中的编程题要求大家完成相应代码后(二选一)

  1. 简单录制一个小视频介绍一下实现思路,并演示一下相关功能。

  2. 提交一个项目说明文档,要求思路流程清晰。

最终将录制的视频或说明文档和代码统一提交至作业仓库。

Repository Comments ( 0 )

Sign in to post a comment

About

开发脚手架及封装自动化构建工作流相关内容 expand collapse
JavaScript
MIT
Cancel

Releases

No release

Contributors

All

Activities

Load More
can not load any more
JavaScript
1
https://git.oschina.net/Baboon-lagou/fed-e-task-02-01.git
git@git.oschina.net:Baboon-lagou/fed-e-task-02-01.git
Baboon-lagou
fed-e-task-02-01
fed-e-task-02-01
master

Search