• Webpack 4 配置最佳实践

     发表于 1 个月 前

    Webpack 4 发布已经有一段时间了。Webpack 的版本号已经来到了 4.12.x。但因为 Webpack 官方还没有完成迁移指南,在文档层面上还有所欠缺,大部分人对升级 ...

  • Google出品 – 利用 webpack 做 web 性能优化

     发表于 4 个月 前

    现代 Web 应用经常用到 bunding tool 用于创建一个生产环境的打包文件(例如脚本、样式等),这个打包文件是已经优化完,并且最小化完成的,并且能够被用户用更少的时间下载...

  • 通过Scope Hoisting优化Webpack输出

     发表于 6 个月 前

    Scope Hoisting 可以让 Webpack 打包出来的代码文件更小、运行的更快,它又译作 "作用域提升",是在 Webpack3 中新推出的功能。单从名字上看不出 Sco...

  • easywebpack 3.5.0 新特性一览: dll工程化和多进程编译

     发表于 6 个月 前

    在 3.5.0 版本之前,项目大以后, webpack 构建打包越来越慢,同时 dll 工程化构建也没有内置支持。虽然可以通过在 easywebpack 中添加 new webpa...

  • Webpack HMR 原理解析

     发表于 7 个月 前

    Hot Module Replacement(以下简称 HMR)是 webpack 发展至今引入的最令人兴奋的特性之一 ,当你对代码进行修改并保存后,webpack 将对代码重新打...

  • webpack 从入门到工程实践

     发表于 8 个月 前

    本文的初衷是和你一起理清webpack的使用逻辑,以便能更加容易的编写及拓展自己项目所需的配置文件。不过也得提前说明本文可能并不是一篇好的可以跟着操作的教程(想跟着一步步做的童鞋可...

  • 基于webpack的前后端分离开发环境实践

     发表于 11 个月 前

    随着互联网应用工程规模的日益复杂化和精细化,我们在开发一个标准web应用的早已开始告别单干模式,为了提升开发效率,前后端分离的需求越来越被重视,前端负责展现/交互逻辑,后端负责业务...

  • vuejs+ts+webpack2框架的项目实践

     发表于 11 个月 前

    没有什么框架是全能的,都有其适用场景。我们的最初的定位一定要围绕我们的业务来选择。我们个性化业务是基于移动端的多页面应用。我们综合考虑之后,决定使用vuejs+typescript...

  • Webpack Freestyle 之 Long Term Cache

     发表于 1 年 前

    今天,我们一起来学习如何用 webpack 实现持久性缓存。...

  • Webpack 2 中一些常见的优化措施

     发表于 1 年 前

    Webpack 是一款强大的前端构建工具, 社区对其介绍的相关文章已经很多了, 本文不再赘述. 基于 Webpack 2, 本文是对我在搭建团队前端脚手架的过程中, 搜罗的 Web...

  • Omi 命令行界面 omi-cli 发布

     发表于 1 年 前

    通常认为,命令行界面(CLI)没有图形用户界面(GUI)那么方便用户操作。但是CLI比GUI节约资源,在熟悉命令之后,CLI会比GUI更加高效地帮你完成想要的任务。...

  • react项目优化之webpack

     发表于 1 年 前

    开门见山,由于我们项目的前端只有一个 bundle ,所有代码都在一个js文件里,随着功能不断的堆叠,体积已经到无法忍受的地步了(gzip后即将突破300k),导致首屏的时间不停的...

  • 使用 webpack2 和 NPM Scripts 进行 JavaScript 组件开发

     发表于 1 年 前

    最近 webpack 成为非常流行的打包工具,很多项目都在使用它。在我们进行 JavaScript 独立组件 开发的时候,如果我们想要使用语言新特性,又想发布的时候产出兼容性好的代...

  • 从工程化角度讨论如何快速构建可靠React组件

     发表于 1 年 前

    本文主要是提取了开发组件工程化的一些关键要点,具体的开发脚手架可以参考 steamer-react-component ,里面主要举了 pure-render-deepCompar...

  • React/Webpack 入门教程

     发表于 1 年 前

    这是一篇给初学者的教程, 在这篇教程中我们将通过构建一个 Hacker News 的前端页面来学习 React 与 Webpack . 它不会覆盖所有的技术细节, 因此它不会使一个...

  • 前后端分离之路 - Vue2项目多入口模板改造方案

     发表于 1 年 前

    做前后端分离也有一段时间了,业务一直在用Vue@1.x的多入口方案,也一直懒癌发作没搞2.x的版本。适逢最近在等某宝小程序的构建,由于迟迟不定技术方案,只好暂缓先捯饬一下Vue@2...

  • webpack打包分析与性能优化

     发表于 1 年 前

    在去年年末参与的一个项目中,项目技术栈使用 react+es6+ant-design+webpack+babel ,生产环境全量构建将近三分钟,项目业务模块多达数百个,项目依赖数千...

  • 基于 Webpack 的应用包体尺寸优化

     发表于 1 年 前

    最近我在构建一个基于 React 的单页应用,当我用 Google TestMySite 来检测自己的站点时,它的反馈是加载时间过长,因此我开始考虑如何优化初次下载的包体大小。优化...

  • webpack入门必知必会

     发表于 1 年 前

    本文主要介绍了webpack入门的一些简单命令和基本配置信息,从代码拆分、打包、压缩的角度和传统的前端项目进行对比,希望以此加深大家对webpack基础知识的印象。...