![](https://img-blog.csdnimg.cn/20190918140145169.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端自动化构建
文章平均质量分 58
构建
Domi 的笔记
好好学习,好好总结,热爱生活,热爱工作。
展开
-
前端自动化构建工具Gulp---------------基本使用
gulp 安装及使用安装gulp安装依赖//安装gulp的同时 会安装一个gulp-cli的模块。//后续我们可以通过gulp命令来执行我们的任务$ yarn init$ yarn add gulp新建一个入口文件 1. 在目录下新建`gulpfile.js` 文件,作为gulp的入口文件。 2. 这个文件运行在node.js中 所以我们可以在这个文件中使用CommonJS 的规范。 3. `gulpfile.js`文件中定义构建任务的方式:通过导出函数成员的方式创建任务原创 2021-06-23 15:27:07 · 111 阅读 · 0 评论 -
常用的前端自动化构建工具gulp/grunt/fis --简介
常用的前端自动化构建工具之前我们自动化构建将入门级别使用的 NPM Scripts自动化构建工具对于相对复杂的项目构建会比较吃力,那么我们会了解GulpGruntfIS用法基本相同:都是通过一些简单的代码,组织一些插件的使用,然后就可以用工具代替我们一些重复的工作,增强开发效率。Grunt是基于内磁盘实现的最早的自动化构建工具 Grunt(点击可进入官网查看)优点:它的插件几乎可以帮助我们完成任何我们想要做的事情,缺点:由于工作过程是基于临时文件去实现的,所以构建速度较慢。下原创 2021-06-15 17:33:17 · 531 阅读 · 0 评论 -
基于NPM Scripts完成简单的自动化构建---入门
自动化构建简介什么是自动化: 机器代替手工完成一系列工作。什么市构建: 转换,什么市自动化构建工作流: 指把我们开发阶段写出来的源代码自动化转换成生产环境中可以运行的代码或者程序。自动化构建简介作用: 1.脱离运行环境兼容带来的问题 2.使用提高效率的语法、规范和标准最典型的应用场景 我们开发网页应用时,使用 1.ECMAScript Next:提高编码质量 2.sass :来增强css的可编程性, 3.模版引擎:来抽象页面中重复的html 这些原创 2021-06-15 17:00:43 · 180 阅读 · 0 评论