rollup前端工程化

rollup + typescript 搭建项目

1、初始化项目1、创建一个项目目录，进入该目录2、执行npminit-y生成package.json3、执行tsc--init生成tsconfig.json2、安装依赖（1）安装typescript和rollup-plugin-typescriptnpminstall-Dtypescriptrollup-plugin-typescript
guozhenshu·2024-01-29 15:31

【前端工程化】五：webpack5快速入门（二）

webpack-dev-server要实现在开发时修改了文件可以自动编译展示，可以使用webpack的watch属性为true和vscode的liveserver插件，即观察模式//webpack.config.jsmodule.exports={watch:true,...}但是这样做有几个缺点：所有源代码都会重新编译因为我们使用了clean-webpack-plugin插件，所以每次编译成功以
Whoopsina·2024-01-29 15:27

【前端工程化】五：webpack5快速入门（四）

CSS抽离与压缩将Css文件单独提取一个文件中，推荐当css文件大于150kb时在考虑使用该插件，否则会多一次css的请求；开发环境中使用压缩性价比不高，所以一般在生产环境中使用；生产环境下，在loader中配置MiniCssExtractPlugin.loader代替style-loader，在插件中配置MiniCssExtractPlugin的输出路径用于抽离CSS，配置CssMinimize
Whoopsina·2024-01-29 15:27

前端工程化基础（三）：Webpack基础

Webpack和打包过程学习webpack主要是为了了解目前前端开发的整体流程，实际开发中，我们并不需要去手动配置，因为框架的脚手架都已经帮助我们完成了配置内置模块path该模块在Webpack中会经常使用从路径中获取信息constpath=require("path");constpathStr="D:/Mrzhang/Study/前端/node/code/zc_test/src/index.j
前端大菜鸟_·2024-01-29 15:55

Optimism的Fault proof

1.引言faultproof（错误证明），又名欺诈证明，或，交互游戏，其包含3大要素：1）FaultProofProgram（客户端角色）：已知对所有rollupinputs（L1数据）的承诺值，和，dispute
mutourend·2024-01-29 13:12

Vite学习指南

想要学习前端工程化，在新项目中投入使用Vite构建工具的朋友Webpack转战到Vite的小伙伴前端架构师们，可以充实自己的工具箱当然如果你没有项目相关开发经验，也可以从本课程中受益，让你开阔眼界，将你学到的前端知识融会贯通
秋の本名·2024-01-29 00:17

vite（一）——基本了解和依赖预构建

三、vite的基本了解1.vite和vite-cli的区别2.Rollup打包代码(1)学习vite了解rollup的原因(2)使用roll
前端张三·2024-01-28 20:14

3.doris Rollup与索引

RollupROLLUP在多维分析中是“上卷”的意思，即将数据按某种指定的粒度进行进一步聚合基本概念在Doris中，我们将用户通过建表语句创建出来的表称为Base表（BaseTable）。
夹毛局的程序员·2024-01-28 16:28

【前端工程化】环境搭建 nodejs npm

文章目录前端工程化是什么？前端工程化实现技术栈前端工程化环境搭建：什么是Nodejs如何安装nodejsnpm配置和使用npm介绍npm安装和配置npm常用命令总结前端工程化是什么？
道格维克·2024-01-28 07:41

前端工程化基础（一）：Node模块化

Node模块化Node.js是什么官方定义：Node.js是一个基于V8JavaScript引擎的JavaScript运行时的环境Node.js基于V8引擎来执行JavaScript代码，但是Node.js中不仅仅有V8我们知道，V8可以嵌入到C++应用程序中，因此无论是Chrome还是Node.js，都是嵌入了V8引擎来执行的JavaScript代码在Chrome浏览器中，除了运行JavaScr
前端大菜鸟_·2024-01-28 06:55

前端工程化基础（二）：前端包管理工具npm/yarn/cnpm/npx/pnpm

前端包管理工具代码共享方案创建自己的官网，将代码放到官网上面将代码提交到GitHub上面，负责让使用者下载将代码提交到npmregistry上面下载比较方便，使用npminstallxxx即可下载相应的代码npm管理的包npm配置文件主要用于存储项目的名称，版本号，描述，用到的依赖等相关信息初始化一个配置文件从零开始一个项目，可以通过npminit-y通过脚手架进行创建（比如vue的vuecrea
前端大菜鸟_·2024-01-28 06:21

Vue3笔记

一.前端工程化webpack代码压缩、解决js的浏览器兼容性问题、性能优化webpack.config.js文件下：mode节点：1.development开发时用，不代码压缩和性能优化，打包速度块2.
nknmn_·2024-01-28 03:21

带你了解项目的自动化构建

前言关于自动化构建中途如果遭遇挫折，运行失败，或者打退堂鼓，请直接查看小结部分，有我的最终攻略除了第一节介绍的脚手架，自动化构建也是前端工程化中非常重要的组成部分。
WEB前端含光·2024-01-28 00:49

前端工程化之：webpack1-4(编译结果分析)

一、运行环境打包webpack会假定项目的入口起点为src/index.js，然后会在dist/main.js输出结果，并且在生产环境开启压缩和优化。我们要分析的就是main.js文件。main.js文件中的代码实际上就是一个自执行函数，将一个对象参数传入其中。对象参数的key为所有模块的路径代码，value为该路径下的代码统一放入一个函数中。自执行函数中，需要引入项目的入口文件src/index
小李老笨了·2024-01-27 22:24

前端工程化之：webpack1-6(编译过程)

一、webpack编译过程webpack的作用是将源代码编译（构建、打包）成最终代码。整个过程大致分为三个步骤：初始化编译输出1.初始化初始化时我们运行的命令webpack为核心包，webpack-cli提供了webpack命令，通过命令启动webpack，webpack命令就是在调用核心包里面的功能。此阶段，webpack会将CLI参数(--mode--config等)、配置文件(webpack
小李老笨了·2024-01-27 22:23

前端工程化之：webpack1-2(安装与使用)

webpack的特点：为前端工程化而生：webpack致力于解决前端工程化，特别是浏览器端工程化中遇到的问题，让开发者集中注意力编写业务代码，而把工程化过程中的问题全部交给web
小李老笨了·2024-01-27 22:51

前端工程化之：webpack1-3(模块化兼容性)

一、模块化兼容性由于webpack同时支持CommonJs和ES6module，因此需要理解它们互操作时webpack是如何处理的。二、同模块化标准如果导出和导入使用的是同一种模块化标准，打包后的效果和之前所说的模块化没有任何差异。CommonJS：//导出module.exports={a:1,b:2,c:3}//导入require("./a")//导入的结果{a:1,b:2,c:3}ES6Mo
小李老笨了·2024-01-27 22:51

前端工程化之：webpack1-5(配置文件)

一、配置文件webpack提供的cli支持很多的参数，例如--mode，但更多的时候，我们会使用更加灵活的配置文件来控制webpack的行为。默认情况下，webpack会读取webpack.config.js文件作为配置文件，但也可以通过CLI参数--config来指定某个配置文件。例：npxwebpack--configvue.config.js。配置文件中通过CommonJs模块导出一个对象，
小李老笨了·2024-01-27 22:51

前端工程化之：webpack1-1(构建工具）

这些仅仅是前端工程化的一个缩影。当开发一个具有规模的程序，你将遇到非常多的非业务问题，这些问题包括：执行效率、兼容性、代码的可维护性可扩展性、团队协作、测试等等
小李老笨了·2024-01-27 22:21

Apache Doris的Rollup和前缀索引

目录1.Aggregate表(Uniq表同理)添加rollup2.Duplicate表添加rollup3.key和前缀索引的关系、查询命中前缀索引的规则3.1key和前缀索引的关系3.2查询命中前缀索引的规则
Bulut0907·2024-01-27 17:09

前端工程化之：CSS工程化+Less

一、什么是Less？Less官网Less中文网Less是一种更加简洁的样式代码，它非常像CSS，但又不太一样，它让编写样式变得更容易。Less代码虽好，但它无法被浏览器识别，因此需要一个工具将其转换为纯正的CSS代码。由于node环境具有读写文件的能力，于是在node环境中可以轻松的完成文件的转换。npm上有一个包叫做less，它运行在node环境中，通过它可以完成对Less代码的转换。下面是CS
小李老笨了·2024-01-27 06:58

rollup 打包配置支持 typescript + react

rollup打包配置支持typescript+reactrollup是js打包器，打包体积小，代码精简，较少注入，适合组件打包。
飞翔的熊blabla·2024-01-26 14:57

Rollup：打包器学习积累

Rollup学习1、使用场景2、加载ES模块的配置文件3、兼容使用commonjs模块4、TreeShaking（去屑优化）4.1、对于ES模块4.2、对于commonjs模块5、引入==第三方依赖==
奋斗的小栗子·2024-01-26 14:56

Rollup：打包 TypeScript - React 组件库

调用浏览器摄像头拍照组件1、前提1、安装依赖2、添加rollup.config.js配置3、修改package.json3.1添加打包命令3.2添加组件入口3.3添加组件声明入口3.4浏览器支持1、前提
奋斗的小栗子·2024-01-26 14:23

常见的前端打包构建工具有哪些

Rollup：Rollup是一个JavaScript模块打包器，专注于打包JavaScript库。它能够进行T
我有一棵树·2024-01-26 11:01

Spark OLAP高阶分析函数总结

我们经常困惑在数据挖掘和报表分析场景中sql不会写，或者因为sql太长以至于可读性降低;今天我为大家总结了一些SparkSQL中的高阶函数，它们将会对你的业务形成助力，百倍提升你的工作效率GROUPING__ID,CUBE,ROLLUP
易企秀工程师·2024-01-26 06:47

vue使用vite工具编译，一个极不好友好的错误提示

yarnbuild时提示如下错识errorduringbuild:Error:[vite]:Rollupfailedtoresolveimport"..."
youwen21·2024-01-25 16:35

Oracle2-Rollup和Cube用法

在Oracle的聚合函数中，会有按照维度统计的情况,比如上图按照job和deptno统计sal的sum但是也会遇到同时要求统计只按照job维度统计的情况，并且做到一张表里1union来实现维度不一致首先反应过来的是分两步查询，再讲结果union起来selectjob,nullasdeptno,sum(sal)fromempgroupbyjobunionallselectjob,deptno,sum
oifengo·2024-01-25 14:36

前端工程化之 webpack ＜二＞

八、webpack开发服务器配置8.1本地服务器webpack-dev-server目前开发的代码，为了运行需要有两个操作：操作一：npmrunbuild，编译相关的代码操作二：通过liveserver或者直接通过浏览器，打开index.html代码，查看效果这个过程经常操作会影响开发效率，希望可以做到，当文件发生变化时，可以自动的完成编译和展示为了完成自动编译，webpack提供了几种可选的方式
原来是有理数·2024-01-25 12:58

Vite 学习（四） - vite 插件预学习

上一小节我们对rollup和esbuild的使用有了基本的了解，了解了二者主要的hook使用。
weixin_41364787·2024-01-25 05:51

了解 Vite 插件

众所周知Vite是基于Rollup的构建工具，Vite插件为了优化、扩展项目构建系统功能的工具。比如vite-plugin-eslint为我们提供了代码分析的功能，帮助我们在开发过程中的风格一致性。
不二博客·2024-01-25 05:49

前端工程化(一)

前端工程化：根据标准和规范，通过工具提升效率降低成本的一种手段。它的出现是为了解决诸如ES6兼容，lesssass使用，模块化、组件化以及代码的压缩和上传过程中的失误等问题。
无聊_069a·2024-01-24 23:28

Tree-Shaking 作用和实现原理

在前端开发中，特别是在使用模块化工具（如Webpack、Rollup等）构建应用程序时，通常
王新焱·2024-01-24 21:52

前端工程化之 webpack ＜一＞

一、Webpack和打包过程编写的代码==》经过打包工具（glup、rollup、webpack、vite）本身也是js代码，读取文件操作的，依赖于node环境==》普通的html、css、javascript
原来是有理数·2024-01-24 21:21

我们应该怎样定义 BTC Layer2？

包括但不限于，基于Indexer的应用平台，EVMrollup,EVMcrosschain,侧链，闪电网络，RGB等等。这些最终比拼的还是TVL，也就是到底有多少BTC信任
TechubNews·2024-01-24 20:27

Hive分析窗口函数(五) GROUPING SETS,GROUPING__ID,CUBE,ROLLUP

Hive分析窗口函数(五)GROUPINGSETS,GROUPING__ID,CUBE,ROLLUP这几个分析函数通常用于OLAP中，不能累加，而且需要根据不同维度上钻和下钻的指标统计，比如，分小时、天
bigdata张凯翔·2024-01-24 02:45

vue源码（一）

搭建环境获取地址：GitHub-vuejs/vue:ThisistherepoforVue2.ForVue3,gotohttps://github.com/vuejs/core安装依赖：npmi安装rollup
Goat恶霸詹姆斯·2024-01-24 02:56

webpack笔记

Webpack1.静态模块打包工具，将.scss.ts打包成浏览器识别的文件2.模块化有ESModuleCommonJSAMDCMD3.webpack和gulprollupvite4.loader处理文件的转换
QAEARQ·2024-01-22 06:59

electron使用rollup打包后，运行报错Could not dynamically require……

正文开始分析解决总结分析这报错信息意思是rollup不支持动态的require，全部报错信息为：Couldnotdynamicallyrequire“.
中二少年学编程·2024-01-21 07:42

使用Glup完成项目自动化构建

简介自动化构建是前端工程化的一个重要组成部分，将源代码转换为生成代码；这样就可以在开发过程中使用提高效率的语法、规范和标准比如我们可以通过：使用ECMAScript提高代码效率和质量使用Sass增强css
翔子丶·2024-01-21 01:39

手写Vue2源码

手写Vue2使用rollup搭建开发环境使用rollup打包第三方库会比webpack更轻量，速度更快首先安装依赖npminit-ynpminstallrolluprollup-plugin-babel
szx的开发笔记·2024-01-20 13:13

[GN] 后端接口已经写好 初次布局前端需要的操作（例）

文章目录使用vue-cli脚手架初始化前端工程化配置引入Vue前端组件库--arco前后端联调引入Md编辑器组件使用vue-cli脚手架初始化使用·安装脚手架工具：npminstall-g@vue/cli
GGood_Name·2024-01-20 08:25

Webpack5入门到原理1：前言

GruntGulpParcelWebpackRollupVite.
duansamve·2024-01-20 07:56

01|js包管理工具和原理分析：npm安装机制及企业级部署私服原理

01|js包管理工具和原理分析：npm安装机制及企业级部署私服原理前端工程化离不开npm或者Yarn管理工具通过script串联起各个职能部分，让独立的环节自动运转起来。
肥肥呀呀呀·2024-01-19 20:55

前端构建工具对比 webpack、vite、esbuild等

人类和动物最大的区别是会使用工具，工具的作用就是提升我们的生产效率，同样，随着前端工程化的演进，伴随着一些优秀的工程化的生产效率工具，今天就来聊一聊，前端工程中的构建工具。
爱问的艾文·2024-01-19 09:27

016-Vue-黑马2023：前后端分离开发(在线接口文档)，前端工程化、Element、vue编写一个完成页面、Vue路由、vue打包部署到nginx

第三节前后端分离开发1、介绍开发模式前后端混合开发：传统开发模式前后端分离开发：当前最为主流的开发模式页面原型+需求案例：分析出接口文档离线开发文档示例：2、YAPI（官网已停用）2023.7停止维护了，已经登录不上官网了。在线接口文档管理平台：介绍：YApi是高效、易用、功能强大的api管理平台，旨在为开发、产品、测试人员提供更优雅的接口管理服务地址：http://yapi.smart-xwor
清风微凉 aaa·2024-01-19 04:32

如何使用rollup打包编译electron主进程代码

匹夫之身，或无青云之志，唯所立三尺之地，尽是拳拳赤心，位卑未敢忘忧国正文开始前言一、为什么选择rollup二、为什么不在vite中使用rollup插件三、package.json命令讲解四、build.j
中二少年学编程·2024-01-18 20:07

【Rollup学习】验证Rollup的Tree Shaking特性

在Rollup的官方文档中提到了Rollup具有TreeShaking能力。
Triumph-light·2024-01-18 03:02

数据库之高级查询

注意：相当于，按照分组属性，求出每个组的聚合函数值，所以肯定不能放单个属性有冲突withrollup是最后一行的汇总效果注意：虽然之前说过的单个个体不能和分组函数和聚合函数一起用，但是这里引出新方法，把满足的一组的所有个题
代码敲上天.·2024-01-17 23:24

不同打包工具下的环境变量配置方式对比

本文主要介绍利用不同的工具：Webpack、Vite、Rollup打包项目的环境变量的配置方式。proces
奇舞周刊·2024-01-17 07:42
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他