前端工程化-自动生成vue页面
前言我们的项目是基于vue-cli搭建的，每次需要新加一个页面需要操作以下步骤：在views文件夹下面新建一个文件夹，用来存放新页面的.vue文件。需要在routes.js文件里面新添加一个路由。按照上述操作以后，才可以正常访问新添加的页面，之后才开始对新页面进行正常开发。但是这样的机械化步骤我们完全可以用代码帮我们执行，更进一步，对于一些简单的页面，我们甚至可以一键生成页面，包括从后端请求数据....
从阿里前端工程化中台实践，看中台建设的舍与得
作者|朱华军（阿大）出品|InfoQ&阿里巴巴新零售淘系技术部 导读：随着前端技术不断从 Web 延伸至各种“端”，大前端的概念早已成为业内共识。伴随着大前端的发展，与之相对应的前端工程体系也在不断拓展边界，仅仅只是构建、工具和规范等常规方式已经不足以表达当下前端工程所涉及的领域。 嘉宾介绍： 朱华军（阿大），阿里巴巴淘系技术部高级前端技术专家。2009 年加入淘宝网，负责过淘宝交易、商....
前端工程化下一站: IDE
随着前端开发的发展更迭，前端日常开发工作变得愈发复杂愈发深入，同时前端工程中从项目初始化、编译、构建到发布、运维也变得细化而成熟。日常前端工作的每个环节都涌现出丰富的工具、服务和解决方案来解决工程效率的问题。那么，前端工程化的下一阶段的突破口是什么，我们期望通过 IDE 的方式和视角来找寻答案。 行业分析 行业趋势 其实 IDE 本身不是一个新兴的概念，在维基百科上能找到第一款的 IDE 是来自....
【精品问答】前端面试手册之前端工程化篇
1. Babel的原理是什么? 2. 如何写⼀个babel插件? 3. 你的git⼯作流是怎样的? 4. rebase 与 merge的区别? 5. git reset、git revert 和 git checkout 有什么区别? 6. webpack与grunt、gulp的不同？ 7. webpack、rollup、parcel优劣？ 8. webpack中有哪些常⻅的Loa...
与阿里前端工程中台负责人聊聊前端工程化
前端工程化，是解决前端业务及技术架构日趋复杂问题的必行之道，然而工程化并不是普适的技术或理论，业务类型、场景、技术架构、甚至团队组织架构，均是决定工程化具体形态的必要因素。换句话讲，工程化和具体的实践密不可分！为此，本次 D2 特设了前端工程化专场，邀请阿里前端工程之父——阿大作为专场顾问，为大家带来业内优秀的前端工程建设实践、以及实践背后的宝贵经验与思考，希望帮助大家从这些成功案例中获得灵感并....
干货分享：蚂蚁金服前端框架和工程化实践
在InfoQ 2019年举办的 GMTC 全球大前端技术大会上，蚂蚁金服高级技术专家陈成发表了《蚂蚁金服前端框架和工程化实践》的演讲，以下是本次演讲摘要。 框架发展历史 这是我们的框架发展时间线。• 2015 年之前我们有 Sea.JS、Arale、SPM 开源技术方案，大家可以有所耳闻。• 2015 年我们接入 React，从自研的 Roof 到 Redux 再到开源的 Dva，一步步验...
透视前端工程化之 Webpack 基本介绍
透视前端工程化之 Webpack 基本介绍 1 Webpack 的特点 图片来源于网络 Webpack 是一款强大的打包工具。在 Webpack 中一切皆模块。Webpack 官网的 Banner 图完美地诠释了这一理念。Webpack 从一个入口文件开始递归地分析模块的依赖关系，根据依赖关系将这些模块打包成一个或多个文件。 目前几乎所有的前端构建和开发都是采用 Webpack 。因为 Web.....
前端工程化系列[06]-Yeoman脚手架核心机制
在前端工程化系列[05] Yeoman脚手架使用入门这边文章中，对Yeoman的使用做了简单的入门介绍，这篇文章我们将接着探讨Yeoman这个脚手架工具内部的核心机制，主要包括以下内容 Yeoman脚手架工具的价值讨论 generator[生成器]的内部结构 generator[生成器]的项目模板 Yeoman脚手架工具的核心运转机制 Yeoman 的主要组装流程 Yeoman这样的脚...
前端工程化系列[05] Yeoman脚手架使用入门
Yeoman是一款流行的前端的脚手架工具。 脚手架工具可以用来快速的自动生成项目的必要文件和基础文件结构。Yeoman使用的内建命令为yo，同时它自己也是一个包管理工具和自动化任务工具，它基于特定的模板来初始化项目。 考虑这样的开发场景：现在我们需要开始一个全新的前端项目，通常需要先处理项目的文件结构，创建包括img、JavaScript、CSS 等静态资源的文件夹，如果团队开发，可能还需要添加....
前端工程化系列[04]-Grunt构建工具的使用进阶
在前端工程化系列[02]-Grunt构建工具的基本使用和前端工程化系列[03]-Grunt构建工具的运转机制这两篇文章中，我们对Grunt以及Grunt插件的使用已经有了初步的认识，并探讨了Grunt的主要组件以及它的运转机制，这篇文章是Grunt使用的进阶教程，主要输出以下内容： Grunt项目的自定义任务 Grunt任务的描述和依赖 Grunt多目标任务和选...
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
前端更多工程化相关
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。
+关注