前端工程化
文章平均质量分 89
coderlin_
幸运=99%的努力+1%的运气
展开
-
从零实现一个脚手架
node支持esModule的两种方式:通过webpack搭建环境将webpack的target设为node,表示使用的是node环境,这样就可以使用node的一些内置模块,比如path。mjs第二中就是将js文件改为mjs。然后直接执行...原创 2022-05-09 22:54:53 · 551 阅读 · 0 评论 -
自动构建 grunt gulp
常用的自动化构建工具GruntGulpFlsGrunt基本用法Grunt的配置方法initConfig支持注册一些参数。module.exports = (grunt) => { grunt.initConfig({ foo: { bar: 213 } }) grunt.registerTask('test',()=>{ const bar = grunt.config('foo原创 2022-05-05 23:37:48 · 480 阅读 · 0 评论 -
Yeoman
Yeomanyeoman官网Yeoman 是一个通用的脚手架系统允许创建任何的 app 。它可以迅速的搭建一个新项目,并且能够简化了现有项目的维护。使用步骤:1 明确需求 ( npm i -g Yo)2 找到合适的Generator3 全局范围安装Generator (npm i -g generator-node)4 通过Yo 运行对应的Generator( Yo node)5 通过命令行交互填写选项、6 生成项目结构自定义GeneratorGenerator实际上就是一个原创 2022-05-04 21:55:05 · 608 阅读 · 0 评论 -
前端脚手架开发(1)
脚手架实现原理当我们在终端输入vue create xx的时候终端会去全局环境变量中,找到vue指令的方法查看create-react-app的位置,所有通过npm -g安装的包都会放入该目录下。在终端输入create-react-app之后、终端解析命令终端在上述的环境变量中找到creat-react-app命令脚本window在C:\Users\Administrator\AppData\Roaming\npm可以找到create-react-app.cmd,如上图,这是一个软链接原创 2022-04-30 21:35:38 · 962 阅读 · 0 评论