rollup前端工程化

基于 Vite + Vue3 + TS 开发组件库

HTML5+CSS3+Less+ES6++Vue3.x+Composition-API+Vite+Gulp+Rollup+Jest初始化项目可以使用vite的官方template，也可以自己搭建。
biaov·2022-03-24 12:02

超详细的webpack之开始体验吧

webpack是一个前端工程化非常重要静态模块化打包工具，可以帮我们把less、sass、esmodule、commonjs等模块依赖处理成浏览器可识别的静态资源。
·2022-03-20 21:29

Element Plus 源码分析——构建与代码风格

github.com/element-pl...包管理：pnpmworkspace组件代码：TypeScript、VueSFC（Vue单文件组件）样式：Scss、CSSvar单元测试：Jest、Vitest构建：Rollup
·2022-03-20 08:32

Webpack 究竟是什么？如何理解Webpack

本篇文章主要是针对B站Webpack从原理到实战的知识梳理，之前写过一些Webpack更细节的一些知识，详情见前端工程化（webpack），里面更详细的介绍了前端工程化、loader的使用，webpack
Martian_小小·2022-03-19 23:41

vue3+ts+vite 问题汇总-vite打包分析（5）

1、打包优化过程1.目前vite2.x是基于rollup打包的，而不是esbuild，详见这里2.使用rollup-plugin-visualizer（类似webpack的插件：webpack-bundle-analyzer
·2022-03-17 17:44

angular项目打包_从 Angular 转到 React，网易严选的前端工程化实践

前端工程化的出现，就是为了解决这些日益突出的问题。它旨在制订规范化的前端工
weixin_39616693·2022-03-16 09:03

angular项目打包_从 Angular转到 React，网易严选的前端工程化实践

前端工程化的出现，就是为了解决这些日益突出的问题。它旨在制订规范化的前端工作流，并规范统一项目的模块化开
weixin_39562928·2022-03-16 09:33

爪哇学习笔记——Webpack原理

前端工程化技术选型统一规范——eslint、husky测试、部署、监控——ut、e2e、mock性能优化模块化重构webpack流程webpack的构建流程可以分为以下三大阶段：初始化：启动构建，读取与合并配置参数
·2022-03-15 23:47

Node.js高级编程

Nodejs可以做什么轻量级，高性能的Web服务前后端JavaScript同构开发便捷高效的前端工程化nodejs架构.pngNativesmodules当前层内容由JS实现提供应用程序可直接调用库，例如
lowpoint·2022-03-15 20:34

前端工程化：使用 shelljs 生成 yapi 接口文件

之前的文章介绍了使用yapi-to-typescript（下文简称ytt）生成接口类型定义文件，方便我们直接使用接口的请求和响应类型，能减少很多写接口类型的时间。使用yapi-to-typescript生成接口响应数据的TS类型声明既然能生成接口类型定义文件，那也就可以生成接口请求代码文件咯，可是网上找了下没找到有相关的工具库，想必是每个公司的项目接口请求代码风格差异较大，要开发一个可以灵活配置生
Tirion·2022-03-12 16:00

从业务组件库看前端工程化

浅谈前端工程化在我看来，前端工程化就是指把平时工作流程中的一部分繁琐重复的工作以工具的形式沉淀出
·2022-03-05 09:32

以太坊扩容方案zkSync 2.0公共测试网正式上线

zkSync2.0公共测试网正式上线，这也是以太坊测试网上首个兼容EVM的ZKRollup。
不叫月红·2022-03-04 09:06

从业务组件库看前端工程化

浅谈前端工程化在我看来，前端工程化就是指把平时工作流程中的一部分繁琐重复的工作以工具的形式沉淀出
·2022-03-01 21:10

记一次vite2.x打包优化过程

工具链说明目前vite2.x是基于rollup打包的，而不是esbuild，详见这里使用rollup-plugin-visualizer进行打包分析，打包之后，会在根目录默认生成一个stats.html
·2022-02-26 08:56

ko在数栈中的应用

前端社区也涌现了较多的解决方案，例如rollup，parcel，webpack，esbuild等，在不同情况下都能较好的处理问题。这其中webpack因其微内核架构，在核心
·2022-02-23 11:25

iOS 监听section 组头变化

#defineheaderHeight40@interfaceTestTableViewController(){//是否上拉BOOL_isScrollUp;NSMutableDictionary*headerViews
hie·2022-02-21 11:52

Vue全家桶-前端工程化

一、模块化相关规范1.模块化概述传统开发模式的主要问题:命名冲突，文件依赖通过模块化解决上述问题:模块化就是把单独的一个功能封装到一个模块(文件)中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块。模块化开发的好处:方便代码重用，从而提升开发效率，并且方便后期的维护。2.浏览器端模块化规范①AMDRequire.js(http://www.requirejs.cn/)②C
coder_shen·2022-02-20 04:00

2022年最新web前端学习资料整理

前言：最近整理下收集的前端学习资料，包含了Vue、React、Electron、服务端渲染、微前端、前端性能优化、前端工程化、前端面试、Js、CSS、Nodejs、网络安全、Http通信、浏览器原理、前端部署运维
谢特boy·2022-02-18 16:18

前端工程化

“前段工程化”是前端开发领域非常重要的一环，本节重点介绍前端工程化体系的各个环节的设计要点和实践经验，引导大家深入思考并积极实践。
JunChow520·2022-02-18 06:06

前端工程化与webpack简单使用(1)

前端工程化与webpack简单使用1.前端工程化1.1实际的前端开发1.2什么是前端工程化1.3前端工程化的解决方案早期目前主流2.
pingting_·2022-02-16 15:55

Rollup - 开发UI库入门

本文示例如何基于Rollup和Vue编写一个HelloWorld的UI库一、初始化项目生成package.jsonmkdirbase-uicdbase-uinpminit安装npm包npminstall
Lisa_Guo·2022-02-16 15:20

前端科普系列（5）：ESLint - 守住优雅的护城河

本文为第五章，主要讲前端工程化中的很重要工具ESLint，主要介绍ESLint的历史、用法以及如何基于ESLint打造保护代码仓库
vivo互联网技术·2022-02-16 10:43

TS + React 工程化实践

1.TypeScript工程化开发前端工程化就是通过流程规范化、标准化提升团队协作效率通过组件化、模块化提升代码质量使用构建工具、自动化工具提升开发效率编译=>打包(合并)=>压缩=>代码检查=>测试=
张Piers·2022-02-15 17:17

Vue3 源码首次瞎看——mount 流程

在根目录下看到了rollup配置文件，虽然vue2x较新的版本也是基于rol
zpkzpk·2022-02-15 13:15

Web 前端工程化

今天说一说前端的工程化，工程化大概包括模块化，组件化，自动化，规范化。在项目的启动之前，我们做好这一系列的工程化，那么项目的最终的质量会很高的。首先说一下模块化，模块化就是将一个大小拆分程相互依赖的小文件，在进行统一的拼装和加载，这样的话，方便了多人合作开发，提高了项目代码的可读性、可扩展性。一下我针对JS的模块化做了还算是比较详细的介绍吧，其他的大家可以自己去get一下一、JS模块化JavaSc
Osenki·2022-02-15 10:35

Node.js简介

目录Node.jsNode.js简介Node.js的引用场景1.前端工程化2.Web服务端应用3.Electron跨端桌面应用Node.js运行时结构Node.js特点1.异步I/O2.单线程3.跨平台
1900's 88 keys·2022-02-15 09:49

Webpack 体系基础

——资源前端工程化工具出现之前靠手动管理资源文件，比如通过标签引入样式文件，通过标签引入JS文件等，但这种做法会出现很多问题：操作过程繁琐存在依赖关系时要严格按照顺序书写开发与生产环境一致导致难以接入TS
·2022-02-14 19:37

面试

原理letconstlet变量const常量不存在变量提升暂时性死区块级作用域（定义的不在全局里面）Symbolthisbind,call,applyhttp302404canvasnode.js优点前端工程化
奔走的沙随风而动·2022-02-14 03:19

commit messsage规范

开源社区目前总结出了以下11种类型：build:主要目的是修改项目构建系统(例如glup，webpack，rollup的配置等)的提交ci:主要目的是修改项目继续集成流程(例如Travis，Jenkins
吴意外·2022-02-14 00:31

Redux源码阅读（一）——createStore、dispatch、subscribe

准备仓库地址：https://github.com/reduxjs/react-redux修改rollup.config.js文件
景阳冈大虫在此·2022-02-13 02:02

Rollup源码：模块打包与Tree-Shaking

重点分析rollup源码中模块打包与Tree-Shaking的实现细节，推荐了解打包器基本功能后再阅读。不会介绍rollup的特性以及Tree-Shaking、ast的概念，版本为2.52.0。
·2022-02-12 19:32

大前端工程化之写一个简单的webpack插件

今天写一个简单的webpack插件，来学习一下webpack插件webpack插件机制可以使开发者在webpack构建过程中加入自己的行为，来针对自己项目中的一些需求做一些定制化首先我们得知道一个插件是如何组成的：定义javascript命名函数给这个函数的prototype添加apply方法在这个方法内我们可以勾入webpack暴露的钩子，这些钩子主要由compiler，compilation两
要爱学习鸭·2022-02-12 16:00

一起学习Vuex 4.0的状态管理（Vite）

一套构建指令，它使用Rollup打包你的代码，并且它是预配置的，可输出用于生
·2022-02-11 23:11

Lesson 25 The Cutty Sark

Wordsandexpressions1.Era时期，时代E.g.ModerneraIntheeraof...2.Vessel轮船；容器；血管3.Rudder舵4.Roll颠簸，摇摆Rollone'seyes翻白眼Rolladice掷骰子Rollupsb'ssleeves
Donutzpj·2022-02-11 21:06

vimium 快捷键

Vimium快捷键导航功能j,下滚k,Scrollup上滚gg滚动到顶部G滚动到底部d下滚半页u上滚半页h左滚l右滚r重载yy复制url到剪切板p打开剪切板网址P打开剪切板网址，在新页面i插入模式v视图模式
大胡子歌歌·2022-02-11 20:19

Vue项目搭建

序随着智能设备的普及以及4G网络时代的到来，大家越发发重视用户的视觉、交互体验，前端工程也越发庞大，所以大厂们越发关注前端的工程化怎么做，然后gulp、webpack等前端工程化的工具陆续出现；前端的开发效率能否再提升
麦壳儿UIandFE2·2022-02-11 12:01

vue通过自定义指令 实现上拉加载和下拉刷新

自定义指令文件：image.pngimportVuefrom'vue'//自定义scrollerUpdateVue.directive('scrollUpdate',{inserted:function
蓝色星辰_TaoYe·2022-02-11 11:27

Node.js学习笔记

1Node的作用和应用脱离浏览器运行JS后台API编写前端工程化的工具webpack、gulp、npm依赖于node负责中间层读写（性能好、异步IO的特性，适合处理高并发的请求；处理数据；安全性）2Node
BOL4·2022-02-10 13:44

2年经验面试网易灵犀！太注重工程化了！

今天给大家分享一个大厂的面经——网易灵犀题目一面1、聊项目2、webpack和rollup的区别，打包出来的产物有什么区别？
·2022-02-06 11:53

Hive分析窗口函数(五)grouping sets,cube,rollup,GROUPING__ID用法

GROUPINGSETS,GROUPING__ID,CUBE,ROLLUP这几个分析函数通常用于OLAP中，不能累加，而且需要根据不同维度上钻和下钻的指标统计，比如，分小时、天、月的UV数。
尼小摩·2022-02-05 20:46

【读vue 源码】溯源 import Vue from 'vue' 到底做了什么?

阅读资源vue.js源码托管地址flow静态检查工具地址rollup源码构建flow静态检查工具flow是由Facebook出品的javascript静态类型检查工具。
二十七刻·2022-02-05 16:52

Rollup打包

rollup简洁，小，高效。
·2022-01-30 09:25

Node.js 基础笔记

Node.js的应用场景前端工程化打包工具（bundle）：webpack、vite、esbuild、parcel代码压缩（uglify）：uglifyjs语法转换（transpile）：bablejs
·2022-01-27 09:35

前端部署脚手架专网项目实践

前言前端脚手架是前端工程化中一项重要的提升团队效率的工具，因而构建脚手架对于前端工程师而言是一项不可获取的技能，而业界对于部署方面的脚手架相对较少，一般来说都是针对于业务的相关模板进行相关的工程化脚手架构建
·2022-01-17 00:54

掌握前端构建的核心科技

这几年，前端领域内的构建工具层出不穷，除了webpack，叫得上号的还有esbuild、rollup、vite、snowpack、swc、parcle等等。咋一看，不由得感叹一句“前端好卷啊~”。
·2022-01-14 11:52

前端工程化-打造企业通用脚手架

前言转载自搜狐-前端工程化-打造企业通用脚手架随着前端工程化的概念越来越深入FEer心，前端开发过程的技术选型、代码规范、构建发布等流程的规范化、标准化是需要工具来保驾护航的，而不是每次都对重复工作进行手动复制粘贴
·2022-01-13 16:21

webpack总结

最早由rollup实现。treeshaking的原理ES6Module引入进行静态分析，故而编译的时候正确判断到底加载了那些模块静态分析程序流，判断那些模块和变量未被使用或
·2022-01-12 00:55

这次彻底搞懂JavaScript中的原型与原型链

一个优秀的前端工程师，不仅能高效完成页面的开发，还能掌握和实践一系列前端工程化的技术，包括脚手架与项目脚本，测试体系、监控体系、项目规范、项目构建和打包、项目部署和运维等
·2022-01-08 22:12

.NET中的Husky工具及安装方式

对于会前端开发程序员来说前端工程化工作流中有个常用的工具Husky，它方便我们在项目中添加githooks在代码提交前自动检查编码规范，或对填写的message进行检查。
·2021-12-31 23:31

Vite-前端构建工具

它主要由两部分组成：一个开发服务器，它基于原生ES模块提供了丰富的内建功能，如速度快到惊人的模块热更新(HMR)一套构建指令,它使用Rollup打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源
small_zeo·2021-12-31 15:01
上一页 25 26 27 28 29 30 31 32 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他