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