Tagged: webpack

Webpack-打包太慢来试试-Bundleless 0

Webpack-打包太慢来试试-Bundleless

简介: Webpack 将各个资源打包整合在一起造成 bundle,当资源越来越多时,打包的过程也将越来越慢。如果咱们不须要打包呢?让浏览器间接加载对应的资源,是否就能够实现质的晋升?本文分享基于浏览器的 ESModule 能力实现 Bundless 本地开发的相干思路、核心技术点和 Vite 的相干实现,以及在阿里供应链 POS 场景下的落…

揭秘webpack插件的工作原理 0

揭秘webpack插件的工作原理

通过插件我们可以扩展webpack,在合适的时机通过Webpack提供的 API 改变输出结果,使webpack可以执行更广泛的任务,拥有更强的构建能力。本文将尝试探索 webpack 插件的工作流程,进而去揭秘它的工作原理。同时需要你对webpack底层和构建流程的一些东西有一定的了解。

webpack 0

webpack

proxy中的代理请求地址必须是相对路径,且从相对路径左侧开始匹配,如 (/crmp/admin/xxx)代理的是 [链接]:8080/crmp/admin/xxx请求路径,代理到后端[链接]:8088/crmp/admin/xxx地址。代理后,我们在浏览器网络栏看到的请求地址是:Request URL:[链接]:8080/crmp/admin/xxx。实际是代理服务器请求了后端接口,再把数据响…

自己写的webpack插件用于本地打包后将文件上传至阿里云OSS 0

自己写的webpack插件用于本地打包后将文件上传至阿里云OSS

该 Webpack 插件用于在本地打包完成后,将打包后的文件上传至 阿里云OSS,并提供上传完成的回调 使用 安装 webpack-oss-upload-plugin {代码…} 在 webpack config 中使用 {代码…} 在 onComplete 的参数暴露了 complication 对象,里面包含当前打包的信息,你可以合理使用它 选项说明 oss: 阿里 oss 配置,region、en…

create-react-app-env-环境变量设置 0

create-react-app-env-环境变量设置

在查看了create react app 官网文档后发现官方的环境变量并不能满足我们的需求。官方的环境process.env.NODE_ENV 只有 development本地开发 和 production构建生产 两个环境。而环境的扩展也只是分别对这两个环境分别扩展,并不能满足我们在线上发布多个环境对需求。

一个webpack入门的大坑 0

一个webpack入门的大坑

学习webpack打包css的时候,遇到了这个错误: {代码…} 明明没有任何的错误,却就是报错了,loader的顺序也没错。最后发现,是没有加载config。 解答 把package.json的build改为 {代码…}

webpack-如何同时输出压缩和未压缩的文件 0

webpack-如何同时输出压缩和未压缩的文件

有的时候我们想要同时生成压缩和未压缩的文件,比如我们构建 lib 包的时候,我们希望用户能够使用压缩过后的代码文件作为 cdn 文件,最简单的一个方式就是通过指定环境变量,比如指定 MINIFY,如下:

webpack笔记webpack初识与构建工具发展一 0

webpack笔记webpack初识与构建工具发展一

为什么需要构建工具? 转换 ES6 语法 转换 JSX CSS 前缀补全/预处理器 压缩混淆 图片压缩 前端构建演变之路 ant + YUI Tool grunt gulp、fis3 webpack、rollup、parcel 为什么选择 webpack? 社区态丰富 配置灵活和插件化扩展 官方更新迭代速度快 初识webpack,简单的例子入手 安装 先确保你已经安装了 Node 其中检查node…