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

搜索资源列表

  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. webpack3.0加速编译+每次编译2之内

  2. 该webpack运用了postcss,scss预处理器，CommonsChunkPlugin插件提取公共代码，采用happy多进程加速代码的构建，最后每次编译5s即可完成编译

  3. 所属分类：Web开发

    • 发布日期：2018-03-27
    • 文件大小：4096
    • 提供者：qq_30101879

  1. webpack提取公共代码实例

  2. webpack提取公共代码实例，webpack提取公共代码实例webpack提取公共代码实例

  3. 所属分类：Javascript

    • 发布日期：2018-04-17
    • 文件大小：5120
    • 提供者：u010991064

  1. webpack.rar

  2. webpack它是代码编译工具，有入口，出口、loader和插件。其天生就代码分割、模块化，webpack2.0中加入tree shaking，用来提取公共代码，去掉死亡代码。

  3. 所属分类：Web开发

    • 发布日期：2020-01-13
    • 文件大小：413696
    • 提供者：xiaokanfuchen86

  1. 5分钟打造简易高效的webpack常用配置

  2. 主要介绍了5分钟打造简易高效的webpack配置,详细的介绍了打包调试、提取公共代码、压缩、热替换等配置，有兴趣的可以了解一下

  3. 所属分类：其它

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

  1. 详解用webpack的CommonsChunkPlugin提取公共代码的3种方式

  2. 本篇文章主要介绍了详解用webpack的CommonsChunkPlugin提取公共代码的3种方式，具有一定的参考价值，有兴趣的可以了解一下

  3. 所属分类：其它

    • 发布日期：2020-08-28
    • 文件大小：51200
    • 提供者：weixin_38654380

  1. webpack优化之代码分割与公共代码提取详解

  2. 主要给大家介绍了关于webpack优化之代码分割与公共代码提取的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用webpack具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧

  3. 所属分类：其它

    • 发布日期：2020-10-15
    • 文件大小：108544
    • 提供者：weixin_38534352

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

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

  3. 所属分类：其它

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

  1. 详解用webpack的CommonsChunkPlugin提取公共代码的3种方式

  2. Webpack 的 CommonsChunkPlugin 插件，负责将多次被使用的 JS 模块打包在一起。 CommonsChunkPlugin 能解决的问题 在使用插件前，考虑几个问题： 对哪些 chunk 进行提取，这决定了 chunks ，children 和 name 要怎么配置 common chunk 是否异步，这决定了 async 怎么配置 common chunk 的粒度，这决定了 minChunks 和 minSize 怎么配置 以下是官方给出的常用的场景：

  3. 所属分类：其它

    • 发布日期：2020-11-26
    • 文件大小：47104
    • 提供者：weixin_38625448

  1. Vue2.0使用过程常见的一些问题总结学习

  2. 最近在学习Vue，今天正好写个学习笔记，把以前遇到的错误给总结一下。 Vue目前的的开发模式主要有两种： 1.直接页面级的开发，scr ipt直接引入Vue 2.工程性开发，webpack+loader或者直接使用脚手架工具Vue-cli，里面的文件都配置好了 webpack可以进行配置，配置多文件入口，进行多页面开发 第二种Vue开发，结合webpack打包完文件会很大，怎么解决这个问题? 1.webpack代码拆分：code-spliting 2.提取公共（如提取css,js） 3

  3. 所属分类：其它

    • 发布日期：2020-11-26
    • 文件大小：65536
    • 提供者：weixin_38742954

  1. webpack.DefinePlugin与cross-env区别详解

  2. webpack.DefinePlugin与cross-env常用于在项目工程化中定义环境变量，webpack.DefinePlugin用于在编译期定义环境变量，意味着在代码中写上process.env.NODE_ENV不会在编译期出现错误提醒；cross-env库用于在运行时定义环境变量 DefinePlugin用来做定义。这就类似于我们项目开发中的config文件一样，在config文件中一般放的是系统代码中的一些服务器地址之类的公共信息，我们将这些信息提取出来单独放在配置文件中，方便于后期的

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：29696
    • 提供者：weixin_38617615

  1. webpack+react+antd脚手架优化的方法

  2. 在之前的文章中了解了webpack v4的特性，现在将知识用于实践，对之前写的一个react脚手架进行打包性能的优化。 优化类目 样式分离 第三方资源分离 区分开发环境 热更新 提取公共代码 1. CSS分离 npm install extract-text-webpack-plugin -D webpack.config.js 将css、less、sass文件单独从打包文件中分离 + let cssExtract = new ExtractTextWebpackPlug

  3. 所属分类：其它

    • 发布日期：2020-11-29
    • 文件大小：188416
    • 提供者：weixin_38640985

  1. 性能优化篇之Webpack构建代码质量压缩的建议

  2. Webpack构建速度优化基本优化完毕，接下来考虑的就是：线上代码质量的优化，即如何使用webpack构建出高质量的代码 Webpack构建流程：初始化配置参数 -> 绑定事件钩子回调 -> 确定Entry逐一遍历 -> 使用loader编译文件 -> 输出文件 提纲 本次优化构建代码质量基本技术： reactRouter按需加载； 公共代码提取，以及代码压缩； CDN接入； 开启gzip压缩； 接入treeShaking，剔除无用代码 开启Sco

  3. 所属分类：其它

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

  1. react-starter：已启动（react-starter）-源码

  2. React的脚手架 使用koa2作为前端代码热更新的框架 eslint主要依赖于eslint-config-airbnb 巴别塔 React，路由器，不变，redux 减 api分支是正在建构中的博客的后台管理系统分支 开发脚本 npm run dev 建设环境 npm run build 去做 [x]热更新 [x] redux-store热更新 [x] redux和router同步数据 [x]添加editorconfig的支持 [] docker支持 []按需加载 [] webpack.d

  3. 所属分类：其它

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

  1. webpack-guide：webpack4使用指南-源码

  2. webpack 4使用指南 这是一个用webpack 4.5版本制作的webpack基础功能包。包含了项目中一些常用的Webpack功能和插件，并带有注释。如果您需要了解和学习下Webpack的配置，不妨打开它看看，一个完整的配置包，应该对您有所帮助。 推荐配合我在掘金的文章一起看 功能简介 babel-preset-env转义ES6 + babel-polyfill ES6 +辅助转化器postcss CSS添加常量css modules预设HTML，CSS文件生成插件多页打包公共库提取公共代

  3. 所属分类：其它

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

  1. 基于 webpack2 实现的多入口项目脚手架详解

  2. 简介 基于 webpack2 实现的多入口项目脚手架，主要使用 extract-text-webpack-plugin 实现 js 、css 公共代码提取，html-webpack-plugin 实现 html 多入口，less-loader 实现 less 编译，postcss-loader 配置 autoprefixer 实现自动添加浏览器兼容前缀，html-withimg-loader 实现 html 内引入图片版本号添加和模板功能，babel-loader 实现 ES6 转码功能， h

  3. 所属分类：其它

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

  1. webpack学习教程之前端性能优化总结

  2. 前言 曾几何时，我们是如上图的方式引入JS资源的，相信现在很少遇见了。近年来Web前端开发领域朝着规范开发的方向演进。体现在以下两点： 1、MVC研发构架。多多益处（逻辑清晰，程序注重数据与表现分离，可读性强，利于规避和排查问题…） 2、构建工具层出不穷。多多益处（提升团队协作，以及工程运维，避免人工处理琐碎而重复的工作） 模块化开发 将前端性能优化理论落地，代码压缩，合并，缓存控制，提取公共代码等 其他的还包括比如你可以用ES 6 或Coffeescr ipt写源码，然后构建出

  3. 所属分类：其它

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

  1. webpack优化之代码分割与公共代码提取详解

  2. 前言 开发多页应用的时候，如果不对webpack打包进行优化，当某个模块被多个入口模块引用时，它就会被打包多次（在最终打包出来的某几个文件里，它们都会有一份相同的代码）。当项目业务越来越复杂，打包出来的代码会非常冗余，文件体积会非常庞大。大体积文件会增加编译时间，影响开发效率；如果直接上线，还会拉长请求和加载时长，影响网站体验。作为一个追求极致体验的攻城狮，是不能忍的。所以在多页应用中优化打包尤为必要。那么如何优化webpack打包呢？ 一、概念 在一切开始前，有必要先理清一下这三个概念：

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：394240
    • 提供者：weixin_38651273

  1. webpack4.0 入门实践教程

  2. webpack 可以看做是模块打包机：他做的事情是，分析你的项目结构，找到 Javascr ipt 模块以及其他的一些浏览器不能直接运行的扩展语言（ Scss 、 Typescr ipt 等），将其打包为合适的格式以供浏览器使用 构建就是把源代码转换成发布到线上可执行的 Javascr ipt 、CSS、HTML 代码，包括以下内容： 代码转换 ： Typescr ipt 编译成 Javascr ipt 、 SCSS 编译成 CSS 等等 文件优化 ：压缩 Javascr ipt 、CSS、

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：159744
    • 提供者：weixin_38596093