前端工程化
前端小黑
never give up never give in
展开
-
前端工程化 搭建自己的脚手架工具详细步骤
我们开发时使用vue的话,一般不会是自己去配置相关的配置,而是会直接使用vue-cli工具,使用react时会用create-react-app,这里我们来试着搭建一个自己的脚手架工具 就我现在所会的搭建方法, 将模板放到github仓库中,通过执行命令来将github上的代码拉取到本地 使用yeoman-generator,将模板放在generator中,通过yo来将generator中的模板...原创 2020-02-05 18:39:42 · 3057 阅读 · 1 评论 -
前端工程化 构造简单的微信小程序开发脚手架工具
这篇博客要说的脚手架工具我以前发布到npm上了,是generator-wxfile的1.1.1版本,后面可能还会继续有版本更新,所以要测试功能的话要下载对应的版本 基本功能 在我的另一篇文章前端工程化 发布一个自动生成微信开发文件的npm包中,我使用yeoman实现了重复文件的生成,而在这里我使用plop来实现这个功能,使用yeoman来将一开始的文件拉到本地,要完成的有以下几个功能 询问用户构...原创 2020-02-03 01:53:27 · 849 阅读 · 1 评论 -
小型前端脚手架工具plop的简单使用
在我之前的另一篇文章前端工程化 通过yeoman-generator将文件加载到本地中说到了如何通过yeoman将文件加载到本地,但实际上使用plop工具也可以 首先要将plop安装到全局环境 npm i plop -g 再将plop安装到当前项目中 npm i plop -D 然后要在项目根目录中新建一个plopfile.js文件,用于编写在命令行向用户提出问题,并根据用户输入的内容来进行各...原创 2020-02-02 17:19:17 · 6797 阅读 · 1 评论 -
前端工程化 发布一个自动生成微信开发文件的npm包
做为一个前端开发者,要是连npm包也没用过那也是太low了,我们知道,我们用到的npm包实际上也是别人开发发布上去的,那我们如何去发布自己的npm包呢 我们知道,在开发微信小程序的时候,每个页面对应的文件放在一个文件夹下,这个文件夹的名字和里面文件的文件名都要一样,而每次写一个新的页面我们都要先创建一个文件夹,再按这个文件夹的名字来创建wxml,wxss,js,json文件,万一写错了还会报错,这...原创 2020-02-01 17:01:44 · 953 阅读 · 0 评论 -
前端工程化 通过yeoman-generator将文件加载到本地
要通过yeomen来将generator里相应的内容放到本地项目中,我们首先要在全局安装yo npm i yo -g 接下来全局安装对应的generator npm i generator-node cd到相应的目录下,通过yo运行generator,就可以将相应内容放到本地 yo node 除了网上可以找到的相应generator外,我们也可以自己写一个generator 实现简单的gen...原创 2020-01-31 17:38:22 · 872 阅读 · 0 评论