首页 > 其他分享 >延迟Promise/单项目多npm版本/webpack好处/webpack5构建速度

延迟Promise/单项目多npm版本/webpack好处/webpack5构建速度

时间:2024-02-02 22:44:08浏览次数:34  
标签:npm webpack5 resolve 模块化 webpack Promise

  1. 《Promise.withResolvers 延迟 Promise》https://sorrycc.com/promise-with-resolvers/promise 当被reject之后,再次resolve,都是会返回 reject 的消息
  2. 一个npm包的多个版本
  3. webpack好处
    需要通过模块化的方式来开发
    使用一些高级的特性来加快我们的开发效率或者安全性,比如通过ES6+、TypeScript开发脚本逻辑,通过sass、less等方式来编写css样式代码
    监听文件的变化来并且反映到浏览器上,提高开发的效率
    JavaScript 代码需要模块化,HTML 和 CSS 这些资源文件也会面临需要被模块化的问题
    开发完成后我们还需要将代码进行压缩、合并以及其他相关的优化
  4. webpack5优化策略
    cache:{ type: 'filesystem' }
    通过include src 和exclude node_modules优化Loader配置
    Module Federation
    resolve.extensions 后缀解析和resolve.alias 设置别名提高解析速度
    移除不必要的插件和loader
    使用terser-webpack-plugin开启多线程

标签:npm,webpack5,resolve,模块化,webpack,Promise
From: https://www.cnblogs.com/beilo/p/18004147

相关文章

  • Blazor中使用npm、ts、scss、webpack且自动导入到html
    1、新建一个BlazorApp项目2、新建文件夹WebLib,并在终端中打开执行指令npminit-y在WebLib目录下新建tsconfg.json文件{"compilerOptions":{"noImplicitAny":false,"noEmitOnError":true,"removeComments":false,"sourceMa......
  • nvm安装Nodejs时报错,Could not retrieve https://npm.taobao.org/mirrors/node/latest
    1.首先要使用管理员运行命令2.在安装nvm的目录下找到settings.txt,没有就手动增加一个node_mirror:https://npm.taobao.org/mirrors/node/npm_mirror:https://npm.taobao.org/mirrors/npm/这个地方有点奇怪,安装18的时候把上面的Https://去掉以后就下载成功了3.安装19以及......
  • npm证书过期:npm ERR! request to https://registry.npm.taobao.org/element-ui failed
    场景:使用淘宝源安装element-ui时npm证书过期报错信息如下:npmERR!codeCERT_HAS_EXPIREDnpmERR!errnoCERT_HAS_EXPIREDnpmERR!requesttohttps://registry.npm.taobao.org/element-uifailed,reason:certificatehasexpirednpmERR!Acompletelogofthisrun......
  • npm disturl 是做什么用的?
    npmdisturl是做什么用的?npmdisturl是一个配置项,用于设置npm下载tarball包(通常是Node.js的二进制文件或者一些带有平台相关编译内容的npm模块)时的基础URL。当npm需要从源代码构建依赖项,并且这些依赖项包含需要从特定位置下载的预编译二进制文件时,它会使用这个disturl来定位和......
  • 打包工具 Webpack(三)
    打包工具Webpack(三)打包css资源https://www.webpackjs.com/loaders/css-loader/#getting-startedlesshttps://www.webpackjs.com/loaders/less-loader/#getting-startedsasshttps://www.webpackjs.com/loaders/sass-loader/#getting-started打包图片webpack......
  • 打包工具 Webpack(二)
    打包工具Webpack(二)它分为五大块入口出口加载器(webpack本身只能处理js、json等资源,其它资源需要借助加载器才能解析,比如css资源)插件模式我们一般会有一个配置文件(专门配置webpack的),叫做webapck.config.js//Node.js的核心模块,专门用来处理文件路径constpath=......
  • 打包工具 Webpack(一)
    打包工具Webpack(一)为什么需要打包工具?开发时,我们会使用框架(React、Vue),ES6语法、less/scss等css预处理器但是浏览器只认识纯粹的HTML/CSS/JavaScript所以我们需要打包工具帮我们转成浏览器认识的语法除此之外,打包工具还能压缩代码、提升代码性能等让我们来个案例......
  • npm包(npm install --legacy-bundling) 通过npm-pack-all 打包tgz,放到内网(不联网)nexus
    npm包(npminstall--legacy-bundling)通过npm-pack-all打包tgz,放到内网(不联网)nexus发布(npmpublish)需求内网不联网,安装指定npm包,装不上,还要支持CI的测试打包,所以要将外网的npm包放到内网的nexus私服上举例安装[email protected]外网机器桌面建立目录needPackage(目录名随便,但......
  • react tips/webpack热更新原理/webpack优化性能/超级蔬菜配比
    《react使用小技巧》https://www.yuque.com/beilo/simpread/1706613177588《webpack热更新原理》https://github.com/febobo/web-interview/issues/126WebpackCompile(webpack编译)BundleServer(静态资源服务器,一般是dist/build文件夹HMRServer(热更新服务器HMRRuntime(......
  • npm编译vue出错:Error code CERT_HAS_EXPIRED
    [Error]Theerrormessageisabouttheregistryhttps://npm.sap.com/youused.npmERR!codeCERT_HAS_EXPIREDnpmERR!errnoCERT_HAS_EXPIREDnpmERR!requesttohttps://npm.sap.com/@sap%2fcdsfailed,reason:certificatehasexpired[Solution]runcommand......