最新 最热

webpack-ES6转ES5[通俗易懂]

@webpack-ES6转ES5的babel-loader 安装babel-loader: npm install –save dev babel-loader @7 babel-core babel-preset-es2015 用法 : 在 webpack 配置对象中,需要将 babel-loader 添加到......

2022-09-30
1

构建优化指南

在日常工作项目中,构建时间会随着项目的规模不断扩大而变得愈来愈缓慢(已使用happypack进行优化构建),笔者目前构建项目目前是60s 左右,能否够更快进行构建呢,因此是时候进行一系列探索与优化。...

2022-09-29
1

热更新(HMR)相关原理介绍

在有些项目中,我们会遇到某些页面由特别多的模块组成,比如m1,m2,m3...mn

2022-09-29
1

使用 craco 对 cra 项目进行构建优化

修改 CRA 项目的配置使用 create-react-app 创建的项目默认是无法修改其内部的 webpack 配置的,不像 vue-cli 那样可以通过一个配置文件修改。 虽然有一个 eject 命令可以是将配置完全暴露出来,但这是一个不可逆的操作,...

2022-09-29
1

使用Babel将es6转换es5

Babel是一个javascript编译器即一个工具链,主要用于在旧的浏览器或环境中将ECMAScript2015+代码转换为向后兼容版本的javascript代码。

2022-09-29
1

web前端学习/工作笔记(七)

117.webpack打包问题: Could not find a matching event to end plugins Object/Compiler/after-emit 原因:多写了一个created

2022-09-29
1

web前端学习/工作笔记(一)

记录一下2019年web前端学习工作的笔记,markdown语法格式的,有些渲染效果不是很好, 笔记内容包括:

2022-09-29
1

webpack打包原理分析和实现(三)

代码生成了,但是里面有require函数,exports浏览器是不认识的,因此接下来需要实现require和exports 具体步骤:

2022-09-29
1

webpack打包原理分析和实现(二)

上一篇,通过@babel/parser将index中的es6代码解析成ast(抽象语法树),接下来,我们可以根据Body里面的分析结果,遍历出所有的引入模块,但是比较麻烦,这里推荐babel的一个模块@babel/traverse,帮我们处理。...

2022-09-29
1

webpack打包原理分析和实现(一)

首先,新建一个空文件夹,编辑器(webstrom)打开文件夹,执行npm init -y,生成package.json,在根目录新建webpack.config.js,加入如下代码(webpack 4.0的基础配置)

2022-09-29
1