前端工程化- 实现简易 CLI
创建工程初始化mkdir kkb-vue-auto-router-cli cd kkb-vue-auto-router-cli npm init -y npm i commander download-git-repo ora handlebars figlet clear chalk open -s设置启动入口bin/kkb.js#!/usr/bin/env node console.log(....
前端工程化之CICD那点破事
前沿：朋友们，你还在手动“丢包”吗？机械化搬运工当得不是滋味吧？想不想学习自动化流水线构建～如果想，这篇适合你，结合CICD来自动化构建前端项目，本文树酱主要介绍如何基于jenkins和travis的基础上让 CI/CD 跑起来，解放你的双手，从此告别9961.远古时代我们知道，对于一般的SPA应用，本质是静态资源（后端渲染SSR忽略），执行build命令，把项目打包build一下完，压缩打包之....
前端工程化那些事
什么是前端工程化？本质上就是将前端开发流程，标准化、规范化、工具化、自动化、简单化。通过规范和工具来提高前端应用质量及开发效率1.脚手架❝脚手架用于快速生成新项目的目录模板，并集成一系列体系化工具的安装，能够提升前端开发人员的效率，减少copy操作❞1.1 常见的脚手架工具vue官方脚手架：vue-cli❝Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统官方文档❞如何安装npm ....
前端工程化必备，语义化版本号扫盲，支持任意版本号位数的比较方法
为什么需要语义化版本号？在软件管理的领域里存在着被称作“依赖地狱”的死亡之谷，系统规模越大，加入的套件越多，你就越有可能在未来的某一天发现自己已深陷绝望之中。在依赖高的系统中发布新版本套件可能很快会成为恶梦。如果依赖关系过高，可能面临版本控制被锁死的风险（必须对每一个相依套件改版才能完成某次升级）。而如果依赖关系过于松散，又将无法避免版本的混乱（假设兼容于未来的多个版本已超出了合理数量）。当你专....
前端工程化: vite与webpack的优缺点对比
一、前语前端工程领域最近一年出了不少新的工具，这些新工具都运用了一些新技术或者跨领域技术，在性能上实现了一些突破，为开发者带来更快更好用的开发体验。二、背景在浏览器支持原生 ES 模块之前，JavaScript 并没有提供的原生机制让开发者以模块化的方式进行开发。于是Webpack、Rollup等构建式打包工具应运而生，它们极大地改善了前端开发者的开发效率。但随着我们的应用不断迭代，我们需要处理....
透视前端工程化之 Webpack 基本介绍【文末有彩蛋～】（下）
4.4 使用插件我们发现在构建的过程中，如果构建后的资源名称发生了变化，index.html 中对资源的引用会被动地跟着修改，非常不方便，我们引入 HtmlWebpack Plugin 来帮助我们自动生成入口文件，自动将生成的资源文件注入 index.html 中。安装：npm install --save-dev html-Webpack -plugin配置：const path = requ....
透视前端工程化之 Webpack 基本介绍【文末有彩蛋～】（中）
常用的 loaderWebpack 可以处理任何非 js 语言，得益于社区提供的丰富的 loader，日常开发中所使用到的 loader，都可以在社区找到。这里对一些常用的 loader 进行简要的说明。babel-loader 将 ES2015+ 代码转译为 ES5。ts-loader 将 TypeScript 代码转译为 ES5。css-loader 解析 @import 和 url()，并....
透视前端工程化之 Webpack 基本介绍【文末有彩蛋～】（上）
1 Webpack 的特点图片来源于网络Webpack 是一款强大的打包工具。在 Webpack 中一切皆模块。Webpack 官网的 Banner 图完美地诠释了这一理念。Webpack 从一个入口文件开始递归地分析模块的依赖关系，根据依赖关系将这些模块打包成一个或多个文件。目前几乎所有的前端构建和开发都是采用 Webpack 。因为 Webpack 有强大的社区生态，每月 Webpack 的....
前端工程化的理解
前端工程化是一个新兴的词语，改变了前端的开发模式，《前端工程化体系设计与实践》系统的阐述了前端工程化的方方面面。一、前端工程简史1. 前端工程师的技能栈（1）硬技能：HTML、CSS、JavaScript，三者相互耦合，并非独立。（2）软技能：用户体验，保证内容的快速呈现、减少等待时间等。快速展现、快速迭代。（3）扩展技能：以Node.js为代表的Web服务器端知识。有助于编写更合理的客户端逻辑....
对【经典前端】项目进行工程化改造的经验分享
这个小功能是使用开源项目 wokerman-tadpole 搭建的。这是一个【经典前端】项目...什么是经典前端？现在的前端框架都会自带脚手架，或者直接使用webpack等工具新建前端项目，这样的项目自带了混淆，代码整合，图片压缩，发行部署等功能，非常方便。我们也已经习惯了在框架中使用import、require。但没有这些工具之前，前端工程师都是通过script标签来引入JS代码的。我把这类仍....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
前端更多工程化相关
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。
+关注