文章 2022-05-07 来自:开发者社区

【前端】更多的 JavaScript 打包工具

正文Rollup如果用 Webpack 与 Rollup 进行比较的话,那么 Webpack 的优势在于它更全面,基于“一切皆模块”的思想而衍生出丰富的 loader 和 plugin 可以满足各种使用场景;而 Rollup 则更像一把手术刀,它更关注于 JavaScript 的打包。当然 Rollup 也支持许多其他类型的打包,但是总体而言在通用性还是不如 Webpack。如果当前的项目需求仅....

文章 2022-05-07 来自:开发者社区

【前端】webpack模块打包

正文重要知识点1、将一个 JavaScript 文件直接通过 script 标签插入页面中与封装成 CommonJS 模块最大的不同在于,前者的顶层作用域是全局作用域,在进行变量及函数声明时会污染全局环境,而后者会形成一个属于模块自身的作用域,所有的变量及函数只有自己能访问。2、CommonJS 与 ES6 Module 最本质的区别在于前者对模块依赖的解决是“动态的”,而后者是“静态的”。在这....

文章 2022-05-02 来自:开发者社区

前端组件/库打包利器rollup使用与配置实战

目前主流的前端框架vue和react都采用rollup来打包,为了探索rollup的奥妙,接下来就让我们一步步来探索,并基于rollup搭建一个库打包脚手架,来发布自己的库和组件。前言写rollup的文章是因为笔者最近要规范前端开发的业务流程和架构,并提供内部公有组件库和工具库供团队使用。在查阅大量资料并对比了webpack和rollup的优缺点之后,最终选择rollup来作为打包工具,我们最终....

前端组件/库打包利器rollup使用与配置实战
文章 2022-04-27 来自:开发者社区

【前端第十三课】npm机制,掌握常用命令;webpack打包的基本含义;组件的生命周期;React路由

目标了解npm机制,掌握常用命令了解webpack打包的基本含义掌握组件的生命周期掌握React路由React进阶npmnpm(Node package manager)是随Node.js发布的包管理工具,最初主要是用来管理Node.js依赖包,如今已经扩展到整个JavaScript生态。在没有 npm 之前,如果我们想要在自己的JS项目中引用第三方的框架或库,比如 React、Bootstra....

文章 2022-04-26 来自:开发者社区

这16种原生函数和属性的区别,你真的知道吗? 精心收集,高级前端必备知识,快快打包带走

前言原生内置了很多API, 作用类似,却也有差千差万别,了解其区别,掌握前端基础,是修炼上层,成为前端高级工程师的必备知识,让我们一起来分类归纳,一起成长吧。上一篇前端基础好文: 那些你熟悉而又陌生的函数属性获取 keys, getOwnPropertyNames, getOwnPropertySymbolsObject.keys返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排....

这16种原生函数和属性的区别,你真的知道吗? 精心收集,高级前端必备知识,快快打包带走
文章 2022-01-10 来自:开发者社区

renrenfast开源项目打包过程,前端使用vue element-UI,前后端分离,打包为一个jar包运行

项目使用的是renrenfast2.0 框架,后台springboot,前端vue+element-ui。项目本身有shiro拦截机制,需要放开static路径下文件,才可以访问。步骤如下:1.前端:npm run build(1)在dist目录下有3个文件(包括数字-其实是日期、index、config)(2)把这3个文件拷贝到后端项目的static目录下2.后端:(1)config目录下in....

问答 2021-07-07 来自:开发者社区

前端工程打包时进行了gzip压缩,放入bucket后访问不了

最初是用的OSS的gzip实时压缩,但是TTFB时间过长,经查是因为实时压缩导致的,现在把前端静态资源在打包编译时,就进行压缩,把压缩完的内容传入OSS后,在浏览器中访问不了,需要怎么去设置?

文章 2020-02-07 来自:开发者社区

前端突破——IDE 插件发布 Visual Studio Code 新版本,一键打包部署,开发提速 8 倍

去年,阿里云发布了本地 IDE 插件 Cloud Toolkit,仅 IntelliJ IDEA 一个平台,就有 15 万以上的开发者进行了下载,体验了一键部署带来的开发便利。时隔一年的今天,阿里云正式发布了 Visual Studio Code 版本,全面覆盖前端开发者,帮助前端实现一键打包部署,让开发提速 8 倍。 Cloud Toolkit 是免费的本地 IDE 插件,帮助开发者更高效地开....

前端突破——IDE 插件发布 Visual Studio Code 新版本,一键打包部署,开发提速 8 倍
文章 2019-04-24 来自:开发者社区

将你的前端应用打包成docker镜像并部署到服务器?仅需一个脚本搞定

将你的前端应用打包成docker镜像并部署到服务器?仅需一个脚本搞定1.前言前段时间,自己搞了个阿里云的服务器。想自己在上面折腾,但是不想因为自己瞎折腾而污染了现有的环境。毕竟,现在的阿里云已经没有免费的快照服务了。要想还原的话,最简单的办法就是重新装系统。而一旦重装,之前的搭建的所有环境就都白搭了。 再加上之前本身就想引入docker,所以就打算利用docker容器来部署这次的前端应用。 2.....

文章 2019-04-23 来自:开发者社区

将你的前端应用打包成docker镜像并部署到服务器?仅需一个脚本搞定

1.前言 前段时间,自己搞了个阿里云的服务器。想自己在上面折腾,但是不想因为自己瞎折腾而污染了现有的环境。毕竟,现在的阿里云已经没有免费的快照服务了。要想还原的话,最简单的办法就是重新装系统。而一旦重装,之前的搭建的所有环境就都白搭了。 再加上之前本身就想引入docker,所以就打算利用docker容器来部署这次的前端应用。 2.构建前端应用 在打包之前,首先需要一个可正常运行的前端应用。这个可....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注