首页 > TAG信息列表 > 工程化

前端工程化配置指南

本文讲解如何构建一个工程化的前端库,并结合 Github Actions,自动发布到 Github 和 NPM 的整个详细流程。 示例 我们经常看到像 Vue、React 这些流行的开源项目有很多配置文件,他们是干什么用的?他们的 Commit、Release 记录都那么规范,是否基于某种约定? 废话少说,先上图! 上图标

如何结合整洁架构和MVP模式提升前端开发体验(三) - 项目工程化配置、规范篇

工程化配置 还是开发体验的问题,跟开发体验有关的项目配置无非就是使用 eslint、prettier、stylelint 统一代码风格。 formatting and lint eslint、prettier、stylelint 怎么配这里就不说了,网上文章太多了。想说的是eslint rule 'prettier/prettier': 'error'一定要开启,以及 style

openbmc工程化

优化fetch阶段文件下载速度 修改git下载方式,只下载指定commit,且depth为1 使用git全局代理加速下载 复用download文件 指定DL_DIR复用下载文件 复用native package 获取当前工程用到的package name list #bitbike obmc-phosphor-image -g 获取native package #cat pn-bui

python工程化项目Anaconda环境搭建

Anaconda  Anaconda指的是一个开源的Python发行版本,其包含了conda、Python等180多个科学包及其依赖项。 因为包含了大量的科学包,Anaconda 的下载文件比较大(约 531 MB)   安装 Anaconda  anaconda官方链接:Anaconda | The World's Most Popular Data Science Platform 根据自己的

twenty

前端开发: 模块化(js、css、资源), 组件化(复用现有的UI结构,样式,行为), 规范化(目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理), 自动化(自动化构建、自动部署、自动化测试)   什么是webpack 前端项目工程化的具体解决方案 主要功能:提供了友好的前端模块化开发支持,以及代

vue-cli 工程化安装(基于3.0)

对于vue3.0 要使用npm 上可用的vue cli v4.5 作为 @vue/cli(也就是vue/cli 版本必须在4.5以上才能满足vue3.0) // 1. 全局安装 @vue/cli // yarn 安装:yarn global add @vue/cli // npm 安装: npm install -g @vue/cli // 2. 之前已安装过vue-cli 可升级新版 // 2-1. npm update -g

介绍Angular 工程化,构建对象,编译器

介绍Angular 工程化,构建对象,编译器 这篇文章从宏观的角度认识Angular 的工程(project),构建对象(build target),编译器(compiler)。包括如下内容 工程文件的主要构成 构建对象的配置 编译器的步骤与职责 Angular的工程(project) 一般而言,Angular的工作目录结构如下: my-app |----

vue_前端工程化

  前端开发vue 框架: 一套现成的解决方案,程序员只能遵守框架的规则,去构造自己的业务,学习vue就是在学习vue中规定的用法,组件是对UI的复用  构造用户界面:用vue向页面中填充数据,非常方便。 vuex: Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用

前端工程化 Webpack基础

前端工程化 模块化 (js模块化,css模块化,其他资源模块化) 组件化 (复用现有的UI结构、样式、行为) 规范化 (目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理) 自动化 (自动化构建、自动部署、自动化测试) webpack 前端项目工程化的具体解决方案 提供友好的前端模块化开

谈谈对前端工程化的理解

什么是前端工程化? 工程化是一种思想,而不是某种技术。其主要目的为了提高效率和降低成本,即提高开发过程中的开发效率,减少不必要的重复工作时间等 栗子 要盖一栋大楼,假如我们不进行工程化的考量那就是一上来掂起瓦刀、砖块就开干,直到把大楼垒起来,这样做往往意味着中间会出现错

【Vue学习笔记】一、前端工程化与Webpack

【Vue学习笔记】一、前端工程化与Webpack 一、前端工程化与Webpack1)前端工程化2)webpack3)webpack的基本使用1.创建列表隔行变色项目2.在项目中配置webpack4.webpack中的插件①配置webpack-dev-server②解决Cannot GET /问题③配置html-webpack-plugin④devServer节点⑤lode

C++ Cmake学习(三):工程化和安装

目录 让Hello World看起来更像一个工程 将目标文件放入构建目录的bin子目录 ADD_SUBDIRECTORY指令 更改二进制的保存路径 安装 如何安装HelloWord 安装文件COPYRIGHT和README 安装脚本runhello.sh 安装doc中的hello.txt 开始编译安装 学习通道:从零开始详细介绍CMake Cmake下

【技术分享】Go 工程化-前端性能监控接入层 Layout 设计实践

作者:黎志航&张翔,腾讯监控高级工程师 前言 本文主要介绍 腾讯云前端性能监控(RUM)在全新接入层上的 Go 工程化实践,介绍 Go 项目布局(下文称 Project Layout)的设计理念、设计规范、项目上的思考与实践,以及如何在多人协作开发下高效完成项目。 腾讯云前端性能监控介绍 前端性能监控

怎么在前端工程化项目中对js高级语法进行一个转化?babel

谈到高级js语法转换,自然是离不开babel webpack": “^5.66.0” 这个webpack版本其实是可以处理css中url路径的 而且也可以解析高级的js语法 如果不能处理这些高级的js语法在项目工程化中处理步骤 安装babel转换器相关的包: npm i babel-loader @babel/core @babel/runtime -D

【前端工程化】三:模块化开发之webpack4

模块化开发 ESModules存在环境兼容问题 模块文件过多,网络请求频繁 所有的前端资源都需要模块化 需求,将所有ES6的代码编译成ES5或兼容性更好的代码,并且将转换后的代码打包成一个文件,并且支持不同类型的资源模块;前面两个需求可以使用前面学习的构建系统glup等,但是最后一个

require.context实现前端工程化

一、require.context是什么 一个webpack的api,通过只想require.context函数获取一个特定的上下文,主要用来实现自动化到入模块,在前端工程周昂,如果遇到从一个文件夹引入很多模块的情况下,可以使用这个api,他会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用import导入模

前端工程师的危机感,如何才不被互联网大潮席卷走?

  随着终端技术的发展,前端工程师成了一个炙手可热的职位,甚至衍生出了大前端工程师的概念。那什么是大前端工程师呢?   其实就和打仗攻城掠地没什么太大区别,前端工程师们似乎对 JavaScript、CSS、HTML 以及层出不穷的前端框架有点不耐烦了,他们希望把移动工程师和后端的一部分工

科技云报道:2022年,企业级科技将如何重塑世界新面貌?

科技云报道原创。 过去这一年恍如隔世,如果要给过去的2021年做个总结,相信很多人都会提到一个词——“拐点”。这一年,新冠疫情重创了全球经济,彻底改变了人类的思想和行为模式,它让人们明白,人类的征程并非是一片坦途。 然而,科技在这一年依旧取得了众多突破,边缘计算、机器学习、云

知识图谱商业化落地,制约因素主要在于标准化

知识图谱商业化落地,制约因素主要在于标准化  重要技术进展  知识图谱技术在过去这一年取得的重要技术进展有: 知识抽取方面,多模态信息抽取在同时处理文本和视频方面取得了进展;知识表示方面,自注意力机制的知识表示方法越来越走向实用;知识应用方面,很多行业开始构建行业知识库,用于

我理解的前端工程化

前言 现在越来越多的前端人员都在聊前端工程化。可能很多初学者认为前端工程化就是我会使用webpack,我能够使用某些cli工具来搭建我们公司的项目等等;也有一部分的人认为前端工程化就是涵盖了前端从立项到上线过程中的每一步,前端的每个项目即是前端的一个工程在前端工程中包含有

前端工程化6-webpack应用优化

总体优化思路 速度更快,打包速度更快、渲染速度更快 体积更小,打包体积更小、 提前,首屏提前渲染,首屏静态资源预加载、 滞后,非首屏资源按需加载 转移,静态资源转移cdn webpack应用的优化方向 开发体验上,一个是追求构建速度,另一个是响应速度 线上体验,一个是包体积大小,加载速度,首屏响应

依图科技算法工程化日常实习一面

时长大约1个小时 开头是自我介绍,然后和面试官聊了一下自己用的语言,还有自己是统计学专业的,所以科班知识比较少 上来是手撕一道代码:最长无重复子串,要求输出子串 一开始思路是:用左指针和右指针去定位现在检索的子串,如果右指针指的子串在字典中,就比较一下最长长度和左右指针的间距。

极客星球 | 前端工程化之路的探索与实践

前言 随着业务越来越重,越来越复杂,双倍工作量,团队规模肯定不会扩大双倍,蛮力已经无法持续高效的支持业务,如何因地制宜地打造出适合自己的前端工程化,成了每个到了一定规模的前端团队都在思考和探索的问题。但在没有研究出合适的方案时,不能盲目地去追求工程化,为了工程化而工程化

《大话软件工程-需求分析与软件设计》阅读笔记

如何将软件工程知识,应用于指导软件开发现场的工作? 软件工程,是一门研究用工程化方法构建和维护软件的学科,对于完成一个高质量、高水平的软件系统来说软件工程的重要性是毋容置疑的,但是软件工程知识在开发现场的实际作用效果却不尽人意。在大学学习的软件编码知识进入企业后可以快速