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

搜索资源列表

  1. 四大维度解锁Webpack3.0前端工程化

  2. 第1章 课程简介 讲述课程背景，从前端开发的变化 到 前端工具的发展变化，介绍了课程内容，课程安排。 第2章 学习准备 讲述模块化开发的思想、学习环境准备，webpack 的概况，版本更迭，核心概念等，为开始实践学习webpack 做准备。 第3章 由浅入深Webpack（1） 由一个个的实例组成，介绍webpack 在处理各种实例的下的配置，实例包括 Typescr ipt Ecmascr ipt Less 语言的预编译，讲解了 Webpack 提取公共代码、代码分割、动态import、魔法

  3. 所属分类：Java

    • 发布日期：2018-03-21
    • 文件大小：1024
    • 提供者：jsmasaww

  1. Webpack使用指南.pdf

  2. 帮助前端程序实现模块的依赖打包，压缩代码，优化代码；主要运用于前端框架，比如vue，react等。优点代码压缩，代码合并，使用精灵图减少请求次数，减少cookie的发送，css前置、js后置，使用浏览器缓存静态资源

  3. 所属分类：互联网

    • 发布日期：2020-05-15
    • 文件大小：4194304
    • 提供者：aj951225

  1. webpack独立打包和缓存处理详解

  2. 主要介绍了webpack独立打包和缓存处理的相关资料，文中介绍的非常详细，对大家学习webpack具有一定的参考价值，需要的朋友们下面来一起看看吧。

  3. 所属分类：其它

    • 发布日期：2020-08-30
    • 文件大小：88064
    • 提供者：weixin_38628183

  1. webpack进阶——缓存与独立打包的用法

  2. 本篇文章主要介绍了webpack进阶——缓存与独立打包的用法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  3. 所属分类：其它

    • 发布日期：2020-08-29
    • 文件大小：828416
    • 提供者：weixin_38746951

  1. webpack+express实现文件精确缓存的示例代码

  2. 由于最近开发的个人博客（Vue + node）在使用过程中，发现网络加载有点慢，所以打算对它进行一次优化。本次优化的目标如下： index.html 设置成 no-cache，这样每次请求的时候都会比对一下 index.html 文件有没变化，如果没变化就使用缓存，有变化就使用新的 index.html 文件。 其他所有文件一律使用长缓存，例如设置成缓存一年 maxAge: 1000 * 60 * 60 * 24 * 365。 前端代码使用 webpack 打包，根据文件内容生成对应

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：62464
    • 提供者：weixin_38589168

  1. 简单谈谈CommonsChunkPlugin抽取公共模块

  2. 引言 webpack插件CommonsChunkPlugin的主要作用是抽取webpack项目入口chunk的公共部分，具体的用法就不做过多介绍，不太了解可以参考webpack官网介绍； 该插件是webpack项目常用的一个优化功能，几乎在每个webpack项目中都会用到。使用该插件带来的好处： 提升webpack打包速度和项目体积：将webpack入口的chunk文件中所有公共的代码提取出来，减少代码体积；同时提升webpack打包速度。 利用缓存机制：依赖的公共模块文件一般很少更改或者不会更

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：83968
    • 提供者：weixin_38560275

  1. 浅谈如何使用 webpack 优化资源

  2. 前言 在前端应用的优化中，对加载资源的大小控制极其的重要，大多数时候我们能做的是在打包编译的过程对资源进行大小控制、拆分与复用。 本片文章中主要是基于 webpack 打包，以 React、vue 等生态开发的单页面应用来举例说明如何从 webpack 打包的层面去处理资源以及缓存，其中主要我们需要做的是对 webpack 进行配置的优化，同时涉及少量的业务代码的更改。 同时对打包资源的分析可以使用 (webpack-contrib/webpack-bundle-analyzer) 插件，当然可

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：296960
    • 提供者：weixin_38691453

  1. webpack独立打包和缓存处理详解

  2. 前言 先前写了一篇webpack入门的文章《webpack入门必知必会》，简单介绍了webpack拆分、打包、压缩的使用方法。本文将在上篇文章的基础上进一步讲解在使用webpack构建的项目中存在的优化方案与解决方法。 上篇文章中写了一份webpack最基本的配置文件来打包压缩我们的代码： var path = require('path'); module.exports = { entry: './app/index.js', output: { filename: 'bundle

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：86016
    • 提供者：weixin_38702047

  1. 浅谈微信页面入口文件被缓存解决方案

  2. 缓存对于前端页面来说，是加速页面加载的利器之一，但也同时带来了很多问题，比如新版本发布之后，怎么替换客户端上的缓存文件呢？大家一般的的解决方案主要有以下几种形式， 一般情况 1、添加版本号，在静态资源文件的引用链接后面添加版本号，这样每次发布的时候更新版本号，就能让叫客户端加载新的资源文件，避免再次使用缓存的老文件，如 [removed][removed] 2、文件名使用hash形式，webpack中打包文件可直接生成，这样每次打包发布的时候都会产生新的hash值，区别于原有

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：64512
    • 提供者：weixin_38608873

  1. 详解webpack分离css单独打包

  2. 这篇文章只写了如何把CSS打包成一个CSS文件，没有讲解如何打包成多个CSS文件，经简友提点，这里添加上了 打包成多个CSS文件的方法。 瞎扯 webpack 把所有的资源都当成了一个模块, CSS,Image, JS 字体文件 都是资源, 都可以打包到一个 bundle.js 文件中. 但是有时候需要把样式 单独的打包成一个文件, 然后放到 CND上, 然后缓存到浏览器客户端中 一、extract-text-webpack-plugin 使用方法 这个操作很简单的，只需要一个插件就好了，就是

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：40960
    • 提供者：weixin_38653691

  1. webpack进阶——缓存与独立打包的用法

  2. 本文介绍了webpack进阶——缓存与独立打包的用法，分享给大家，希望对大家有帮助 先来看看最基础的webpack配置： var path = require('path'); module.exports = { entry: './src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') } } 在index.js中引入了lodash库： src/index.j

  3. 所属分类：其它

    • 发布日期：2020-12-12
    • 文件大小：825344
    • 提供者：weixin_38501363

  1. HelloSSM:简单的Spring + SpringMVC + Mybatis + vuejs + webpack的整合项目的源码-源码

  2. 使用弹簧+ Spring MVC的+ MyBatis的构建的简单的框架的演示，前端界面使用vue.js+bulma ，后台使用Spring MVC Restful控制器实现前后端分离。使用webpack打包实现前端资源的部署具体介绍页面请点击文章可能已经过去很久了，和目前的代码有些有点出入，主要是前端代码的变化。 主要功能 实现Spring，SpringMVC，Mybatis三个框架的整合 使用ehcache缓存 vue.js的简单使用 Maven个人资料的使用，方面环境切换 Mybatis G

  3. 所属分类：其它

    • 发布日期：2021-03-23
    • 文件大小：90112
    • 提供者：weixin_42128963

  1. vue-from-scratch-源码

  2. 从头开始的Vue 待办事项清单 配置webpack完成渲染一个简单的vue渲染的页面。简单的渲染出来一个Hello world。 配置webpack完成渲染.vue文件 增加HTML-Webpack-Plugin自动生成HTML文件 配置webpack完成devServer可以有一个开发的服务器 抽出webpack的manifest文件 抽出第三方依赖到vendeor 每次编译之前清空dist文件夹（clean-webpack-plugin） 将css单独抽出成为一个捆绑 先锋供应商的尺寸

  3. 所属分类：其它

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

  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. 学习笔记：有关网络知识的笔记-源码

  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. cloud-aws-package-layered-lambdas-js：打包用于AWS lambda的TypeScript函数和层-源码

  2. 包分层Lambda 使用Webpack打包具有项目内依赖项的lambda和基于package.json定义的依赖项的基础层。 将为每个lambda的依存关系创建校验和，以便仅在更改文件时才进行重建。 打包的lambda发布到S3，因此可以从CloudFormation中提取它们，并共享给其他开发人员缓存。 安装 npm i --save-dev nordicsemiconductor/package-layered-lambdas 用法 有关此项目的更多背景信息和使用说明，请参见此。 另

  3. 所属分类：其它

    • 发布日期：2021-02-15
    • 文件大小：141312
    • 提供者：weixin_42138703

  1. Web打包：按需Webpack（不可变的版本，由您的浏览器缓存）-源码

  2. 网络打包 Webpack按需（不可变版本，由浏览器缓存） 受到“浏览服务即服务”的启发。 只需自己部署此微服务（ 确实运行良好）。 然后需要单个或多个NPM软件包。 例 假设您想尝试 。 只需抓住它，它将作为window.packs.hyper // print virtual dom from template string var hyperx = window . packs

  3. 所属分类：其它

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

  1. fastpack：快速轻松地打包JS代码-源码

  2. 快速包装 快速，轻松地将JS代码打包到一个捆绑包中。 为什么？ 因为Javascr ipt构建应该更快！ 这是将〜1600个模块捆绑在一起的示例基准。 快速包装 包 Webpack 初始构建 0.730秒 9.740秒 3.625秒 持久缓存 0.171秒 1.218秒 不适用 观看模式 0.084秒 0.503秒 0.473秒 入门 让我们尝试构建一个简单的React应用程序！ $ mkdir react-app $ cd react-app $ yarn init -y

  3. 所属分类：其它

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

  1. vue解决使用webpack打包后keep-alive不生效的方法

  2. 问题是这样的，我使用webpack的npm run dev运行的时候，keep-alive路由缓存是有效的，但是我npm run build，把文件放到实际的项目中去的时候，会有如下的问题： 路由如下： var menus = [ { path: '/user', name: '用户', component: '/user', redirect: '/user/index1', icon: 'fa-bandcamp', meta: { keepAlive: fa

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：34816
    • 提供者：weixin_38654415

  1. 详解webpack提取第三方库的正确姿势

  2. 我们在用webpack打包是时候，常常想单独提取第三方库，把它作为稳定版本的文件，利用浏览缓存减少请求次数。常用的提取第三方库的方法有两种 CommonsChunkPlugin DLLPlugin 区别：第一种每次打包，都要把第三方库也运行打包一次，第二种方法每次打包只打包项目文件，我们只要引用第一次打包好的第三方压缩文件就行了 CommonsChunkPlugin方法简介 我们拿vue举例 const vue = require('vue') { entry: { // bund

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：37888
    • 提供者：weixin_38748555
« 12 »