首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack
订阅
若川
更多收藏集
微信扫码分享
微信
新浪微博
QQ
22篇文章 · 10订阅
饭妖精
5年前
前端
vue-cli源码分析(试探篇)
引言:近期在研究怎么通过node命令生成自己想要的文件夹结构,因为大佬说vue-cli的原理和这个很像,所以抽时间研究了一下,并分享自己的研究心得。希望我的初学经验对你有用。 1.vue init命令是怎么实现的 vue-cli可以通过命令vue init webpack my-…
4881
96
2
jerryOnlyZRJ
4年前
Webpack
Webpack揭秘——走向高阶前端的必经之路
随着前端工程化的不断发展,构建工具也在不断完善。作为大前端时代的新宠,webpack渐渐成为新时代前端工程师不可或缺的构建工具,随着webpack4的不断迭代,我们享受着构建效率不断提升带来的快感,配置不断减少的舒适,也一直为重写的构建事件钩子机制煞费苦心,为插件各种不兼容心灰…
4.0w
1921
33
wqzwh
4年前
Vue.js
JavaScript
命令行
vue-cli中的webpack4一步到位填坑记
Webpack也在不断的优化迭代;截至目前,已经更新至 v4.16.0;在Webpack4这个版本,它在原有基础上,做了很多优化,也引入了颇多的新特性。在新的版本中,将获得更多模块类型及对.mjs的支持,更好的默认值、更为简洁的模式设置、更加智能的来分割Chunk,还新增的sp…
1.2w
135
13
腾讯IVWEB团队
5年前
JavaScript
前端
Promise
webpack详解
webpack是现代前端开发中最火的模块打包工具,只需要通过简单的配置,便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置,便可以轻松实现对代码的构建呢? Plugins:Loaders将各类型的文件处理成webpack能够处理的模块,plugins有着很强的能力。…
9.6w
3252
48
hudingyu
4年前
前端
深入Babel,这一篇就够了
既然标题说了是深入Babel,那我们就不说Babel各种用法了,什么babel-core,babel-runtime,babel-loader……如果你想了解这一部分内容,这类文章很多,推荐最近看到的一篇:一口(很长的)气了解 babel,可以说是相当详实完备了。 言归正传,这…
3.8w
1054
40
滴滴前端技术
4年前
Webpack
源码
webpack系列之一总览
webpack 对于每个前端儿来说都不陌生,它将每个静态文件当成一个模块,经过一系列的处理为我们整合出最后的需要的 js、css、图片、字体等文件。来自官网的图很形象的阐述了 webpack 的功能 —— bundle js / css / ... (打包全世界ヾ(◍°∇°◍)…
1.8w
445
46
薛定谔的猫
5年前
前端
Webpack
掘金翻译计划
【译】如何在 Webpack 2 中使用 tree-shaking
原文地址:How to do proper tree-shaking in Webpack 2 原文作者:Gábor Soós 译文出自:掘金翻译计划 本文永久链接:https://github.com/xitu/gold-miner/blob/master/TODO/how-…
4224
40
评论
腾讯IVWEB团队
4年前
GitHub
JavaScript
前端
体积减少80%!释放webpack tree-shaking的真正潜力
在上周末广州举办的feday中,webpack的核心开发者Sean在介绍webpack插件系统原理时,隆重介绍了一个中国学生于Google夏令营,在导师Tobias带领下写的一个webpack插件,webpack-deep-scope-analysis-plugin,这个插件能…
2.0w
452
17
百度外卖大前端技术团
5年前
Webpack
rollup.js
Tree-Shaking性能优化实践 - 原理篇
一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意,本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件,将其中用不到的代码"摇"掉,是一个性能优化的范畴。具体来说,在 webpack 项目中,有一个入口文件,相当…
7.5w
1002
49
Jsonz1993
5年前
React.js
JavaScript
NPM
探索 create-react-app 源码
之前公司有个大佬写了个类似 create-react-app 的脚手架,用来创建公司的项目。一直不知道里面实现的原理,借此机会一探 create-react-app 源码,了解下里面运行的机制。 大家不要一看到源码就害怕不敢去看,现在这么优秀项目都开源了,加上各种IDE支持很好…
5472
70
8