前端工程化
文章平均质量分 75
土豆泥1号
一名前端工程师
展开
-
webpack的理解
Webpack 的构建流程主要有哪些环节?如果可以请尽可能详尽的描述 Webpack 打包的整个过程 在项目中一般都会散落着各种资源文件 打包原理 打包之后是一个自执行函数 参数为一个对象,键为各个模块的路径,值为各个-模块的代码 在webpack可以用各种loader加载各种资源文件,对资源文件做处理,还可以对 ...原创 2021-01-07 22:38:45 · 136 阅读 · 0 评论 -
静态网页开发工作构建流脚手架tdn-pages(基于gulp开发)
tdn-pages static web app workflow Installation $ npm install tdn-pages # or yarn $ yarn add tdn-pages Usage 有三个命令可以使用 tdn-pages clean 清除构建文件夹 tdn-pages develop 静态开发网页 会开启开发服务器,提供热更新 支持e6+和scss开发 tdn-pages build 构建生产环境代码 在根目录添加文件pages.config.js原创 2020-12-03 00:00:13 · 167 阅读 · 0 评论 -
常用自动化构建工具
介绍 自动化构建工作流 就是 把开发出来的源代码自动化转换成生产环境中可以运行的代码或者程序 脱离运行环境兼容带来的问题 开发阶段去使用高效率的语法、规范和标准 构建转换那些不被支持的特性 常用的自动化构建工具 Grunt Gulp FIS Grunt工作过程基于临时文件,构建速度较慢 ,每一步都会有磁盘读写的操作,超大型项目会很慢,生态完善 Gulp很好解决了构建速度问题,基于 内存实现,默认支持同时执行多个任务,生态完善 FIS更像是捆绑套餐,把项目中典型的需求全部集成到内部了,资源加原创 2020-11-25 00:33:32 · 1293 阅读 · 0 评论 -
脚手架工作原理,及创建简单 脚手架
介绍 在启动脚手架之后会询问一些预设的问题,将回答的结果结合一些模版文件生成一个项目的结构 创建脚手架 cli应用 脚手架工具实际上就是一个node cli应用,创建脚手架 就是创建一个cli应用 mkdirsample-scaffolding cdsample-scaffolding yarn init 在package.json中添加bin属性,加一个入口 文件 { "name": "sample-scaffolding", "version": "1.0.0", "..原创 2020-11-24 00:17:34 · 710 阅读 · 0 评论 -
plop小型脚手架工具
介绍 主要用于创建特定类型文件的小工具,有点类似于yeoman中的sub-generator,一般不独立使用,用于集成到项目当中,创建一些同类型的项目文件 实例 在react项目中创建组件时,往往需要创建3个文件 现在在react项目安装plop yarn add plop --dev 安装完成之后,在根目录创建plopfile.js的文件,是入口文件 在根目录创建模版目录plop-templates,在其中添加模版.hbs模版引擎类型文件,可以通过{{ }}语法插入相应的数据 setGen原创 2020-11-23 23:44:11 · 213 阅读 · 0 评论 -
最通用的脚手架工具Yeoman
介绍 Yeoman官方介绍说是用于创造现代化的web应用的脚手架工具 不同于vue-cli,Yeoman更像是一个脚手架运行平台,我们可以通过yeoman搭配不同的generator,去创建任何类型的项目,也可以通过创建我们自己的generator,从而去定制我们自己的前端脚手架 在很多专注于框架开发的人眼中,Yeoman过于通用,不够专注,所以更愿意使用vue-cli等之类的脚手架 基本使用 1.全局安装 环境为node 和npm 安装yarn global add yo 安装对应gen.原创 2020-11-18 19:01:04 · 279 阅读 · 0 评论 -
前端工程化的理解
1.谈谈你对工程化的初步认识,结合你之前遇到过的问题说出三个以上工程化能够解决问题或者带来的价值 前端工程化是指遵循一定的标准和规范,通过工具去提高效率,减低成本的一种手段 一切以提高效率,减低成本、质量保证为目的的手段都属于工程化,一切重复的工作都应该被自动化 技术往往是为了解决问题而存在的 在开发过程当中想要使用es6+的新特性,提高我们的编码效率,但是兼容有问题; 想要使用Less/Sass/PostCSS增强css的编程性,但是在运行环境不能被支持; 想要使用模块化,组件化的方式提高项目原创 2020-11-18 17:25:03 · 206 阅读 · 0 评论