前端工程化
文章平均质量分 88
junying6
这个作者很懒,什么都没留下…
展开
-
前端工程化实战-开发脚手架及封装自动化构建工作流> 工程化的定义和主要解决的问题- 02-01-03自动化构建
文章目录1.自动化构建基本介绍2.自动化构建体验3.常用的自动化构建工具4.Grunt的基本使用5.Grunt标记任务失败6.Grunt的配置方法7.Grunt的多目标任务8.Grunt插件的使用9.Grunt常用插件及总结10.Grunt的基本使用11.Grunt的组合任务12.13.14.15.16.17.18.19.20.总结1.自动化构建基本介绍自动化构建是前端工程化中重要组成部分,就是把开发阶段源代码自动转化成生产环境当中可以运行的代码或者程序自动化构建工作流2.自动化构建体验3.原创 2021-02-22 23:15:41 · 150 阅读 · 0 评论 -
前端工程化实战-模块化开发与规范标准-02-02-01模块化开发
文章目录模块化开发1.模块化演变过程Stage1 文件划分方式Stage2 命名空间方式Stage3 IIFE 立即执行函数2.模块化规范CommonJS规范AMD(Asynchronous Module Definition)异步模块规范淘宝推出的Sea.js + CMD(Common Module Definition)通用模块规范3.模块化标准规范4.ES Modules1.ES Module 导入导出的注意事项2.3.4.5.5.6.7.8.9.10.模块化开发模块化开发时当前最重要的前端开发范原创 2021-02-22 22:18:53 · 103 阅读 · 0 评论 -
前端工程化实战-开发脚手架及封装自动化构建工作流> 工程化的定义和主要解决的问题- 02-01-02脚手架工具
文章目录1.概要2.常用的脚手架工具3.Yeoman - 简介4.Yeoman - 基本使用5.sub Generator6.Yeoman 使用步骤总结7.自定义 Generator8.创建 Generator 模块9.根据模板创建文件步骤10.接收用户输入数据11.vue Generator 案例12.发布 Generator13.Plop14.Plop基本使用15.脚手架的工作原理1.概要因为在前端工程中,可能会有:相同的组织结构相同的开发范式相同的模块依赖相同的工具配置相同的基础代码原创 2021-02-19 23:06:36 · 166 阅读 · 0 评论 -
前端工程化实战-开发脚手架及封装自动化构建工作流> 工程化的定义和主要解决的问题- 02-01-01工程化概述
文章目录1. 前端工程化定义 和前端开发中遇到的问题2.工程化表现3.工程化 不等于 某个工具4.工程化 与 Node.js总结:接下来主体内容1. 前端工程化定义 和前端开发中遇到的问题定义前端工程化是指遵循一定的标准和规范,通过工具去提高效率、降低成本的一种手段日常问题举例想要使用ES6+新特性,但是兼容有问题想要使用Less/Sass/PostCSS增强CSS的编程性,但是运行环境不能直接支持想要使用模块化的方式提高项目的可维护性,但运行环境不能直接支持部署上线前需要手动压缩代码及原创 2021-02-18 22:29:59 · 159 阅读 · 0 评论