注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. 浅析webpack 如何优雅的使用tree-shaking（摇树优化）

  2. 主要介绍了webpack 如何使用tree-shaking（摇树优化）,本文介绍了什么是tree-shaking,commonJS 模块,es6 模块,怎么使用tree-shaking等,具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。

  3. 所属分类：其它

    • 发布日期：2020-10-19
    • 文件大小：83968
    • 提供者：weixin_38734993

  1. Angular6项目打包优化的实现方法

  2. 可以从以下三个角度优化： 输出包体组成分析文件 Rollup 摇树优化 导出Webpack配置，通过修改webpack配置优化打包 让我们来逐一分析。 输出包体组成分析文件 Webpack 有一个非常好用的工具叫 webpack-bundle-analyzer，会自动分析包体组成结构，并以一种可视化的方式显示。 使用步骤: 打开项目，命令行输入：npm install webpack-bundle-analyzer --save-dev 命令行输入项目打包命令加–sta

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：60416
    • 提供者：weixin_38668274

  1. webpack-源码

  2. 1.npm初始化 2. npm我webpack webpack-cli --save-dev 性能优化 开发环境 优化打包构建速度（HMR）1.HMR 2.source-map：提供源代码到重建后的映射， 优化代码调试 生产环境 优化打包优化速度优化代码运行的性能 缓存1.babel缓存babel-loader中“ cacheDirectory”：true，第二次打包刷新2.hash缓存//打包只生成一个哈希值，重新导致所以的缓存3.ckunkhash：根据chunk生成hash，理解chunk

  3. 所属分类：其它

    • 发布日期：2021-03-05
    • 文件大小：30720
    • 提供者：weixin_42126399

  1. rxfire-源码

  2. RxFire 适用于所有框架的Firebase和RxJS。 什么是RxFire？ 可观察的创建者-大多数Firebase Web库的可观察的绑定。 可移植-跨任何框架使用或根本没有框架。 可摇树-仅导入您需要的内容。 使用您最喜欢的模块打包器（如Webpack或Rollup）将其余的部分摇晃掉。 合并多个数据源-是否需要加入两个Firestore引用？ 是否要将Cloud Storage中的图像与Firestore文档结合在一起？ 带有观测值和运算符的超级简单。 简化Firebase

  3. 所属分类：其它

    • 发布日期：2021-03-04
    • 文件大小：147456
    • 提供者：weixin_42139871

  1. 学习笔记：有关网络知识的笔记-源码

  2. 学习笔记 Web知识说明 深入Javascr ipt 知识水平 了解概念 懂得使用 实例 输出总结 亲自实现 HTTP 缓存 https状态码200201创建的206、300304不是Mo，400、500 HTTPS 网络路径参考协议相对网址 HTML DOM操作 innerHtml，outerHtml，textContent，innerText，outerText，textNode.data 工程化 JS JS Regenerator运行时 同步 网络包 webpack打包形成的模

  3. 所属分类：其它

    • 发布日期：2021-02-23
    • 文件大小：47185920
    • 提供者：weixin_42142062

  1. uuid：在JavaScript中生成符合RFC的UUID-源码

  2. uid 用于创建 UUID 完整-支持RFC4122版本1、3、4和5 UUID 跨平台-支持... CommonJS， 和 节点8、10、12、14 Chrome，Safari，Firefox，Edge，IE 11浏览器 Webpack和rollup.js模块捆绑器 安全-加密强度高的随机值 小型-零依赖性，占用空间小，可与“摇树”包装机一起使用 CLI-包括实用程序 从uuid3.x升级？ 您的代码可能还不错，但请查看获取详细信息。 快速开始 要创建随机UUID ... 1.安装

  3. 所属分类：其它

    • 发布日期：2021-02-20
    • 文件大小：246784
    • 提供者：weixin_42110533

  1. 模板React单反-源码

  2. 特征 打算在Vercel上部署 95/100页面速度，SSR 模块化scss库 模块化组件库 包括apollo gql客户端库 优化：更简短，减少postcss，css最小化，ES6摇树， 三个应用合而为一： React温泉 SSR渲染器（req =>使用apollo渲染以将spa字符串化） 您最喜欢的搜寻器的站点地图渲染器（req =>使用阿波罗逻辑渲染为.xml） 配置和安装 确定是否需要带有或不带有apollo的应用 如果您需要一个带有阿波罗的应用程序，请将webpac

  3. 所属分类：其它

    • 发布日期：2021-02-17
    • 文件大小：2097152
    • 提供者：weixin_42154650

  1. jslib-base：现代JavaScript | Typescript库脚手架，模块化，纯度和其他功能-源码

  2. English | 最好的第三方JS|TS库支架。 快速创建用于构建新库的框架。 可以将基于jslib-base的库共享到平台 特点 jslib指挥官合而为一 使用ES6 +或Typescr ipt编码，可轻松编译并生成生产代码 第三方依靠自动注入（摇树） 支持多种环境，包括默认浏览器，Node，AMD，CMD，Webpack，Rollup，Fis等。 集成代码样式的lint（eslint）。 集成单元测试环境（mocha）。 综合测试覆盖率（伊斯坦布尔+ NYC）。 集成持续集成工

  3. 所属分类：其它

    • 发布日期：2021-02-06
    • 文件大小：156672
    • 提供者：weixin_42134240

  1. react-dynamic-route-loading-es6：使用React Router和Webpack 2自动分块并动态加载路由-源码

  2. 带Webpack 2块的React Router动态路由加载 Webpack 2自动将路由拆分为大块（小捆）并按需加载。 包含 产品特点 摇树 代码分割 热模块更换 带有源地图的Chrome中的ES6源调试 React路由器 纱线友好 ##系统要求在安装依赖项之前，请确保您的系统具有正确的Node和Npm版本，否则会出现错误。 节点6.xx Npm 3.xx 建立 $ npm install 跑步 $ npm start 建立 $ npm run build

  3. 所属分类：其它

    • 发布日期：2021-02-06
    • 文件大小：50176
    • 提供者：weixin_42123237

  1. typescript-webpack-tree-shaking：使用Typescript和Webpack进行树状摇动的示例-源码

  2. 使用Typescr ipt和Webpack的摇树示例 该存储库显示了如何配置Typescr ipt和Webpack来启用摇树。 如果它们具有ES2015模块格式，它将消除死代码。 可以在app/文件夹中找到源代码，在该目录中，主文件car.js并未使用engine.js所有依赖项。 可以在/dist文件夹中找到生成和编译的文件。 Webpack仅在捆绑时标记未使用的代码，而将删除部分留给压缩程序。 这就是为什么所有代码​​都包含在与Rollup相反的开发版本中的原因。 如果您需要更详细的

  3. 所属分类：其它

    • 发布日期：2021-02-06
    • 文件大小：13312
    • 提供者：weixin_42099176

  1. react-redux-typescript-jspm-starter：未来派，无捆绑的开发环境，用于使用React，Redux和TypeScript构建组件驱动的SPA-由JSPM提供支持（SystemJS和汇总，带有摇树功能）-源码

  2. React / Redux / Typescr ipt / JSPM-入门 基于JSPM（SystemJS-ES模块加载器+与汇总捆绑） 未来的，无束缚的开发环境，可利用React，Redux和Typescr ipt构建组件驱动的SPA-利用静态类型检查，ES.Next，CSS模块，热重载，浏览器内转换，树状摇动的强大功能由JSPM（SystemJS和汇总摇树） 在“ React＆Redux”应用程序中了解有关使用Typescr ipt进行静态键入的更多信息： 使用Typescr ipt静态键

  3. 所属分类：其它

    • 发布日期：2021-02-05
    • 文件大小：116736
    • 提供者：weixin_42135773

  1. reactochart：React图表组件库-源码

  2. 总览 Reactochart是一个React组件库，用于创建数据可视化图表和图形。 组件包括折线图，条形图，面积图，热图，散点图，直方图，饼图， sankey图和树形图。 入门 使用npm安装reactochart。 npm i reactochart --save 然后，您可以导入一个单独的Reactochart组件： import LineChart from ' reactochart/LineChart ' ; 如果愿意，您可以一次导入所有Reactochart，尽管这可能会妨碍

  3. 所属分类：其它

    • 发布日期：2021-02-05
    • 文件大小：3145728
    • 提供者：weixin_42104906

  1. webpack2-boilerplate：一个Webpack样板项目-源码

  2. Webpack样板 产品特点 ES2015 / ES2016 / ES2017 Npm作为任务/构建跑步者 带有摇树和热模块替换（HMR）功能的 Webpack 可 使用按需加载Polyfill 应用程序启动时不需要（大型）库的延迟加载（System.import） Node Express中间件 用eslint和stylelint整理 与Mocha，Chai，Sinn和JSSm进行单元测试 与Node Express服务器的集成测试 使用WebdriverIO，Cucumber.js和

  3. 所属分类：其它

    • 发布日期：2021-02-05
    • 文件大小：2097152
    • 提供者：weixin_42134097

  1. markdown-editor：浏览器上的Markdown编辑器-源码

  2. 里面有什么？ Webpack 2; 巴别塔 React热加载器； 由webpack自动生成HTML和CSS； 开玩笑的测试和柴的断言； 建立独立组件故事的故事书 异步/等待 Webpack摇树！ 依存关系： Node.js >= v6; 启动并运行 克隆此存储库： git clone gitgithub.com:rafaelsevla/markdown-editor.git ; 删除.git目录； 安装依赖项： yarn （或npm i ）; 运行yarn dev （或n

  3. 所属分类：其它

    • 发布日期：2021-02-04
    • 文件大小：175104
    • 提供者：weixin_42134038

  1. 工作流程-reactjs：我的ReactJS + Webpack 3+工作流程-源码

  2. 工作流程ReactJS 里面有什么？ Webpack 3+ 巴别塔 React热加载器 Webpack自动生成HTML和CSS 开玩笑测试和柴断言 建立独立组件故事的故事书 异步/等待 动态import()函数 Webpack摇树！ 的生产版本（可选） 依存关系： Node.js >= v6; 启动并运行 克隆此存储库： git clone gitgithub.com:fdaciuk/workflow-reactjs.git ; 删除.git目录； 安装依赖项： yarn （

  3. 所属分类：其它

    • 发布日期：2021-02-03
    • 文件大小：193536
    • 提供者：weixin_42109598

  1. 预算：预算-React + Redux + Webpack（摇树）示例应用-源码

  2. :warning_selector: 重要的提示 :warning_selector: 尽管该项目仍能实现演示可伸缩React体系结构的目标，但从技术上讲，它已经过时了。 在Modus Labs，我们将继续通过GitHub和我们的展示现代最佳实践 预算：：可扩展的React，Redux，React Router 4，Webpack示例应用 生产就绪的React + Webpack架构已在世界上一些最成功的企业的消费者Web应用程序上实现。 感知的性能和开发经验是此设置中的关键因素。 您可以使

  3. 所属分类：其它

    • 发布日期：2021-02-02
    • 文件大小：458752
    • 提供者：weixin_42157166

  1. webpack-starter：“只需加水” Webpack 2，通俗易懂的美食组合-源码

  2. Webpack 2入门 “只需加水” Webpack 2，通天塔和gliseify美食组合。 入门 $ npm install 启动开发服务器 $ npm start 建立 $ npm run build 产品特点 摇树 SCSS + postCSS +自动前缀 巴别塔 源图 代码分割 玻璃化 丑化 webpack-dev-server webpack 2 开发服务器 http://localhost:8000/webpack-dev-server 执照 麻省理工学院。 有关详细信息，

  3. 所属分类：其它

    • 发布日期：2021-01-31
    • 文件大小：5120
    • 提供者：weixin_42097819

  1. babel-webpack-tree-shaking：Babel和Webpack的树状摇动示例-源码

  2. Babel和Webpack的摇树示例 该存储库显示了如何配置Babel和Webpack来启用摇树。 如果它们具有ES2015模块格式，它将消除死代码。 可以在app/文件夹中找到源代码，在该目录中，主文件car.js并未使用engine.js所有依赖项。 可以在/dist文件夹中找到生成和编译的文件。 Webpack仅在捆绑时标记未使用的代码，而将删除部分留给压缩程序。 这就是为什么所有代码​​都包含在与Rollup相反的开发版本中的原因。 如果您需要更详细的说明，请。 Webpack

  3. 所属分类：其它

    • 发布日期：2021-01-30
    • 文件大小：13312
    • 提供者：weixin_42133329

  1. nativescript-dev-webpack：一个软件包，用于对NativeScript应用程序进行网络打包-源码

  2. Nativescr ipt Webpack 该存储库包含nativescr ipt-dev-webpack插件的代码，该插件有助于Web应用程序。 Javascr ipt代码和常规资产捆绑很久以来一直是Web开发人员工具箱的成员。 Webpack之类的工具一直在为愉快的开发经验提供支持，使您可以从各种模块源和格式中汇编客户端代码，然后将其打包在一起。 最重要的是，它们允许优化页面加载时间，从而减少或并行化浏览器对服务器的请求数量。 为什么要在移动应用程序中捆绑脚本？ 应用启动时文件系统操

  3. 所属分类：其它

    • 发布日期：2021-01-29
    • 文件大小：6291456
    • 提供者：weixin_42117224

  1. 浅析webpack 如何优雅的使用tree-shaking（摇树优化）

  2. 1.什么是tree-shaking webpack 2 的到来带来的最棒的新特性之一就是tree-shaking 。tree-shaking源自于rollup.js，先如今，webpack 2也有类似的做法。 webpack 里的tree-shaking的到来不得不归功于es6规范的模块。为什么这么说，如今的前端模块规范很多，比较出流行的比如commonJS , AMD , es6 ，我简单的说一下commonJS和es6模块的区别。 commonJS 模块 commonJS的模块规范在Node

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：93184
    • 提供者：weixin_38702417
« 12 »