摘要: module1_工程化基础、自动化工具 前端工程化概述、Node.js基础 脚手架工具 自动化构建 gulp 阅读全文
posted @ 2021-03-29 09:53 叻仔猪 阅读(32) 评论(0) 推荐(0) 编辑
摘要: gulp 对于自动化构建工具有grunt、gulp、FIS grunt 是最早的前端自动化构建工具,功能很完善,但是构建过程是基于临时文件,所以构建速度比较慢 gulp 是基于内存实现的,同时其生态也比较完善 FIS 是百度团队开发的,但是主要为百度来维护 gulp 与 npm scripts gu 阅读全文
posted @ 2021-03-29 09:43 叻仔猪 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 自动化构建 为什么要自动化构建,没有自动化构建是不是就不行? 从某种程度上可以这么说 因为一些代码需要编译(css、js),保证浏览器的兼容性 将 Less 或 Sass 转换成 CSS 将 ES6 + 的信誉发转成ES5 代码压缩等 总的来说自动化构建是指将手动构建任务,通过命令自动执行的过程(最 阅读全文
posted @ 2021-03-29 09:42 叻仔猪 阅读(46) 评论(0) 推荐(0) 编辑
摘要: 脚手架工具 一、脚手架工具 是前端工程化的发起者 (1)作用 创建项目基础结构(可复用性代码)、提供项目规范和约定 脚手架创建的目录结构 而脚手架也分通用脚手架和专用脚手架 二、Yeoman 接下来就 yeoman 脚手架工具来学习脚手架工具的基础 (1)基本概念 Yeoman 是一款脚手架工具 y 阅读全文
posted @ 2021-03-29 09:40 叻仔猪 阅读(50) 评论(0) 推荐(0) 编辑
摘要: 前端工程化概述、Node.js基础 一、为何要讲前端工程化概述呢? 因为前端开发中进场会碰到需要用不同工具解决的问题 1.1 面临的问题 ① 项目上线之前,代码需要压缩 ② 想用ES6+ 或CSS3 新特性,要解决兼容性问题 有一个可以查看兼容性的网站 ③ 多人协作开发,代码风格无法统一 ④ 对 L 阅读全文
posted @ 2021-03-29 09:36 叻仔猪 阅读(77) 评论(0) 推荐(0) 编辑