webpack 的文章 - SegmentFault 思否

0

webpack缓存机制

goblin_pitcher 12月10日发布于
收藏

为了避免同步引入阻塞DOM树解析，同时又需要保证文件按顺序解析，因此常常需要给script添加defer属性(添加async属性可保证异步引入，但无法保证按顺序加载)。

6

现代前端库开发指南系列（三）：从说明文档看库的前世今生

array_huang 12月10日发布于
3 收藏

我们在工作中很多时候都要做技术选型，去找寻既能满足自己需求又靠谱的第三方库；在前端开源生态季度繁盛的现状下，只要不是太小众的需求，我们很容易就能找到一堆相关的开源库，那我们具体要怎么做决策呢？我的...

0

webpack4.0基础篇

巴斯光年 12月10日发布于
收藏

学习webpack首先需要安装nodejs，并且作者也强调新版本的nodejs会提高webpack的打包速度。安装好node后就可以在项目命令行中执行下面的代码

0

react 分模块打包

_布凯茜 12月9日发布于
收藏

webpack中entry由单入口改成多入口，由于模块较多，个数不固定因此在webpack中写死入口不可取。采用动态获取打包入口的方法，在根目录下新建config文件夹，获取每个打包入口文件路径：新建get-path.js

0

create-react-app 优雅定制指南

ineo6 12月9日发布于
收藏

create-react-app是一款广泛使用的脚手架，默认它只能使用eject命令暴露出webpack配置，其实这样使用很不优雅，修改内容文件的话也不利于维护，react-app-rewired正式解决这样问题的工具，今天我们就好好学习下它...

3

手把手用代码教你实现一个 webpack plugin

trustbelieve 12月6日发布于
3 收藏

插件向第三方开发者提供了 webpack 引擎中完整的能力。使用阶段式的构建回调，开发者可以引入它们自己的行为到 webpack 构建流程中。

0

【webpack】配置

小篮子 12月6日发布于
收藏

配置|webpack中文网使用不同语言配置js/ts/coffee：为了用 TypeScript 书写 webpack 的配置文件，必须先安装相关依赖： {代码...} 类似的，为了使用 CoffeeScript 来书写配置文件, 同样需要安装相关的依赖： {...

1

手把手用代码教你实现一个 webpack loader

trustbelieve 12月5日发布于
1 收藏

webpack 打包时只能处理 js 文件，对于其他类型的文件如 jsx, css, scss, vue, png 等文件，需要专门的东西处理一下再传入 webpack，这个东西就是 loader。

0

更新package.json文件的插件版本

万年打野易大师 12月5日发布于
收藏

有时候我们在开发项目的时候，有些在package.json文件内的引入的插件版本需要更新，一个很方便的插件：npm-check-updates

12

现代前端库开发指南系列（二）：使用 webpack 构建一个库

array_huang 12月5日发布于
10 收藏

在前文中，我说过本系列文章的受众是在现代前端体系下能够熟练编写业务代码的同学，因此本文在介绍 webpack 配置时，仅提及构建一个库所特有的配置，其余配置请参考 webpack 官方文档。

18

webpack4 中的 React 全家桶配置指南，实战！

前端小智 12月5日发布于
12 收藏

这篇文档是我在听吕小明老师的课程，吕老师结合以往的项目经验加上自己本身对react webpack redux理解写下的总结文档，总共耗时一周总结下来的，希望能对读者能够有收获，我是在这基础多些加工，希望对你们有...

0

vue路由懒加载原理解析--第一部分

求实亭下 12月5日发布于
收藏

Vue Router中提供了解决整体JavaScript文件过大，影响页面加载的方案--路由懒加载。本文是希望从路由懒加载的实现去分析出懒加载整体的实现的原理细节。

0

Vue打包优化之code spliting-06

亲爱的阿乾 12月3日发布于
收藏

使用vue-cli部署生产包时，发现资源包很大，打包后的vendor.js达到了1.4M，这已经很大了，而且会影响到首屏加载。那么，怎么优化呢？

0

Vue打包优化之code spliting-05

亲爱的阿乾 12月3日发布于
收藏

最近在做一个项目，技术栈为vue全家桶 + element-ui + echarts，打包后发现有1.44M，首屏体验很差。这能忍？果断开始优化。下面说说我是如何将一个打包后1.44MB的项目变成打包后只有0.42MB，性能提升70% 的。

0

Vue打包优化之code spliting-04

亲爱的阿乾 12月3日发布于
收藏

谈及如今欣欣向荣的前端圈，不仅有各类框架百花齐放，如Vue， React， Angular等等，就打包工具而言，发展也是如火如荼，百家争鸣；从早期的王者Browserify, Grunt，到后来赢得宝座的 Gulp，以及独树一帜的 fis3...