
前端工程化
文章平均质量分 53
朱迪33
这个作者很懒,什么都没留下…
展开
-
【前端工程化学习笔记】2-1 自动化构建简介
一、1、自动化构建是前端工程化当中重要的组成部分 自动化:通过机器代替手工完成工作 构建:理解为转换,把一个东西转换成另一个东西 自动化构建:把源代码自动化转换成生产环境中可以运行的代码,这个过程称为自动化构建工作流 作用:脱离运行环境的问题,在开发阶段使用提高效率的语法、规范和标准,比如ES最新标准sass借助模板引擎创建重复的文件等 -2、npmscripts实现自动化构建最简单的方式(package.json中添加scripts:{}),适合构建简单的,复杂的会非常吃力 ...原创 2021-06-08 07:45:21 · 179 阅读 · 0 评论 -
【前端工程化学习-创建项目】1-3 开发一款脚手架(yeoman)
不同的Generator生成不同的项目,那我们也可以定义自己的Generator生成自己需要的项目,特别是当你一部分基础代码或业务代码还是重复的时候,可以在别的脚手架形成的项目结构之上再封装,加入自己的代码,形成新的脚手架。 -公共的部分全部放到脚手架中生成 -1、创建Generator模块,实质上就是创建一个npm模块,但是Generator它有特定结构 |-generators//生成器目录 |-app//默认生成器目...原创 2021-06-06 07:38:34 · 249 阅读 · 0 评论 -
【前端工程化学习-创建项目】1-4 plop生成部分文件
1简介:一个小而美的脚手架工具,一般用于创建项目中特定类型文件,一般不会独立使用,会集成到项目中,自动化重建同类型文件。 -2场景: -每个文件夹中创建相同类型的文件,每个文件有相同的基础代码,当有plop自动化创建时,只要根据配置运行对应命令即可 -3使用: -a:首先安装依赖到开发目录yarnaddplop--dev -b:创建文件夹plop-templates,文件夹里面创建.hbs的模板备用 -c:项目根目录新建plopfil...原创 2021-06-06 07:28:10 · 232 阅读 · 0 评论 -
【工程化学习笔记-创建项目】1-2 通用型脚手架yeoman
1、Yeoman简介 -(1)定义:用于创造现代化web应用的脚手架工具 -(2)作用/优点:Yeoman更像一个脚手架运行平台,搭配不同的generator(webapp-generator->webappstructure、chrome-extensiongenerator->chrom-extensionstructure、nodegenerator->nodemodulestructure)实现不同的应用、创建任何类型的项目。也就是...原创 2021-06-06 07:19:55 · 135 阅读 · 0 评论 -
【工程化学习笔记-创建项目】1-1脚手架
*一、定义* -脚手架的本质作用是帮我们自动的创建项目基础结构、提供项目规范和约定。 *二、作用* -快速搭建特定类型项目的骨架,基于这个骨架进行后续的相应开发工作。 -相同类型项目的开发约定: -相同的组织结构 -相同的开发范式 -相同的模块依赖 -相同的工具配置 -相同的基础代码 *三、常用脚手架工具* -1、特定项目类型脚手架工具:根据开发者提供的信息创建对应的项目基础结构(特定文件及基础配置),只适用于自己服务的框架的项...原创 2021-06-06 07:01:57 · 150 阅读 · 0 评论 -
【工程化学习笔记-创建项目】1-5 通过nodejs开发小型的脚手架工具
简介:脚手架工具实际是nodecli应用,创建脚手架工具就是创建cli应用 -步骤: -a:mkdirsample -b:cdsample -c:yarninit -d:打开目录 ```package.json修改 { "name":"sample", "version":"1.0.0", ...原创 2021-06-05 22:15:25 · 151 阅读 · 0 评论 -
【前端工程化学习笔记】0、前端工程化简介
一、定义* -前端工程化是指遵循一定标准和规范,通过工具提高效率、降低成本的手段。 *二、被广泛关注和探讨的原因* -1、前端应用功能要求不断提高,业务逻辑日益复杂 -2、前端开发在开发行业举足轻重,涉及范围广,包含传统网站、H5、移动APP、桌面应用、小程序等 -3、对前端开发的要求越来越高 *三、解决的问题或者说好处* -1、传统语言或语法的弊端 -开发过程中想使用ES6等新特性,兼容有问题 -想使用sasslesspostcss增强cs...原创 2021-05-29 21:53:42 · 207 阅读 · 4 评论