Node开发脚手架及自动化构建工作流

脚手架的工作原理
1.通过命令行交互询问用户问题。
2.根据用户回答问题的结果生成文件。
首先Node中 inquirer是命令行交互模块,我们需要通过npm/yarn下载inquirer,通过 inquirer模块中的prompt方法 发出对用户的命令行询问。然后inquirer的prompt方法会返回一个promise,然后在then方法中获取到用户输入的 结果,通过Node的fs,path模块,搭配ejs模板引擎,将templates文件夹中的文件 写入根目录。

自动化构建工作流

不管是基于gulp还是grunt的自动化构建工作流, 思路都大概相同。 具体工作过程如下:
1.下载相对应的插件(gulp-sass/grunt-sass)编译sass/less文件,转化为css文件
2.下载相对应的插件(gulp-babel/grunt-babel)将js文件转化为生产环境可以运行的js代码
3.下载相对应的模板插件编译html中的模板代码,转化为正确的html代码
4.通过gulp中的watch模块,grunt中下载grunt-contrib-watch插件来监听 项目文件的变化,以及设置监听到变化后需要做的操作
5.下载相对应的插件(gulp-useref/grunt-useref),可以将HTML引用的 多个CSS和js文件合并起来,减小引用的文件个数,从而减少浏览器发起的请求次数
6.下载相对应的压缩js、css、html、image、font的插件来分别压缩这些项目文件

注意:在使用 Node.js开发脚手架工具 Cli 的执行文件必须是在 pageage.json 中加上一行命令 ‘bin’:‘xx.js’ ,并且在Cli的执行文件中必须有文件头 ‘#!/usr/bin/env node’*

猜你喜欢

转载自blog.csdn.net/weixin_40599109/article/details/107222837