首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
webpack
相关资讯
热门
最新
后端
01-01 08:00
后端
webpack4.X之tapable实例对象AsyncParallelHook源码
webpack4.X之tapable实例对象AsyncParallelHook源码,标签:数据ctompiapplyobjstylebspacksync模拟手写AsyncParallelHook源码部分。letHook=require(‘./Hook.js‘)classHookCodeFactory{args({after,before}={}){letallArgs=this.options.a
195
代码人生
01-01 08:00
代码人生
webpack运行过程(1)(webpack流程)
webpack运行过程(1)(webpack流程),合并配置项实例化Compiler加载所有插件runWebpack()//webpack-cli/lib/webpack-cli.jscreateCompiler()//webpack-cli/lib/webpack-cli.jswebpack()//webpack/lib/webpack.jscreate()//webpack/lib/webpa
194
代码人生
01-01 08:00
代码人生
webpack编译结果如何运行?
webpack编译结果如何运行?,webpack在前端开发中很常用,但很多人对于webpack的知识仅仅停留在了解阶段,以及一些配置操作,对于webpack更多的运行过程都不甚了解。希望本文带你更多的知识。一般情况下,webpack打包只会生成被称为bundle的js文件。bundle文件可能会很长,并且可能被混淆了,所以一般开发者都不看这个文件的具体内容,只知道加载这个文件可以运行就是了。那么b
189
后端
01-01 08:00
后端
webpack 快速入门 系列 —— 性能
webpack 快速入门 系列 —— 性能,webpack快速入门系列——性能性能本篇主要介绍webpack中的一些常用性能,包括热模块替换、sourcemap、oneOf、缓存、treeshaking、代码分割、懒加载、渐进式网络应用程序、多进程打包、外部扩展(externals)和动态链接(dll)。准备本篇的环境虽然可以仅展示核心代码,但笔者认为在一个完整的环境中边看边做,举一反三,效果更佳
186
后端
01-01 08:00
后端
webpack性能优化-构建速度
webpack性能优化-构建速度,前言随着项目越来越复杂,可能你们会有同样的感触,上了趟厕所回来,项目还没构建完成。然而测试还一直在催命。或许这时候你就应该去考虑下,如何去优化我们的构建速度。优化方案1.优化babel-loaderbabel-loader在执行的时候,可能会产生一些运行期间重复的公共文件,造成代码体积大冗余,同时也会减慢编译效率,因此我们可以通过添加cacheDirectory开
185
后端
01-01 08:00
后端
webpack核心模块tapable用法解析
,webpack核心模块tapable用法解析前不久写了一篇webpack基本原理和AST用法的文章,本来想接着写webpackplugin的原理的,但是发现webpackplugin高度依赖tapable这个库,不清楚tapable而直接去看webpackplugin始终有点雾里看花的意思。所以就先去看了下tapable的文档和源码,发现这个库非常有意思,是增强版的发布订阅模式。发布订阅模式在源
183
代码人生
01-01 08:00
代码人生
webpack是怎么实现异步加载模块的? 为啥别人都说是jsonp?
webpack是怎么实现异步加载模块的? 为啥别人都说是jsonp?,我们写的require.ensure会被打包成什么样子?首先,让我们先看看你在代码中用require.ensure,webpack会将这段代码打包成什么样子require.ensure([],function(){letmodule2=require("./module2")console.log(module2)});复制代码
182
后端
01-01 08:00
后端
webpack性能优化
webpack性能优化,webpack性能优化为什么要优化?如果你的项目很小,构建很快,其实不用特别在意性能方面的问题。但是随着项目涉及到的页面越来越多,功能和业务代码也会越来越复杂,相应的webpack的构建时间也会越来越久,打包后的体积也会越来越大,这个时候我们就不得不考虑性能优化的事情了。分析工具在动手优化之前,我们需要有一个量化的指标,得知影响构建时间的问题究竟出在哪里,是某个chunk的
182
后端
01-01 08:00
后端
webpack基本配置--超详细版加问题解决
webpack基本配置--超详细版加问题解决,第一步:在安装webpack前,需要本地环境支持node.js安装node.js(nodejs.org/en/8.11.1版本)安装完成之后,就自动生成npm(包管理器)node-v(测试node的版本号),npm-v(测试npm的版本号)-----这么做的目的是为了测试node环境有没有搭建完成安装cnpm(类似于npm)优势:它的服务器是在中国,运
181
后端
01-01 08:00
后端
webpack 5项目编译和打包js文件
webpack 5项目编译和打包js文件,今天继续填webpack坑啦。继上次讲了webpack5编译和处理css文件后,今天聊一聊webpack5是如何处理js文件的。目标编译ES6引入eslint压缩js文件引入全局变量知识点脑图项目中用到的代码github.com/joychenke/w…编译ES6编译ES6语法是通过babel实现的。安装babelyarnaddbabel-loader@b
181
«
1
2
3
4
5
6
7
8
...
23
24
»