lh_lh_24

前端工程化

CSS(34) HTML(10) JavaScript(67) OpenLayer(4) TypeScript(1) Vue(28) 数据结构(2) 浏览器(12) 算法(28) 计算机网络(19)

/ 注册

全部文章 / 前端工程化（共9篇）

Tree Shaking 来自专栏

Tree Shaking 参考：https://zhuanlan.zhihu.com/p/127804516 当 Javascript 项目达到一定体积时，将代码分成模块会更易于管理。但是，当这样做时，我们最终可能会导入实际上未使用的代码。Tree Shaking 是一种通过消除最终文件中未使用...

前端 WebPack TreeShaking 前端工程化

2021-08-04

1 402

前端工程化来自专栏

前端工程化 1. 前端工程化最早期写前端代码时，往往一个页面就是一个文件，HTML/CSS/JS 全部写在一起，后来知道应该把结构层、表现层和行为层分离；再后来随着工程复杂化，产生的诸多问题，比如：如何进行高效的多人协作？如何保证项目的可维护性？如何提高项目的开发效率？前端工程化思想就...

前端前端工程化

2021-08-03

2 540

WebPack的使用来自专栏

WebPack 的使用参考：https://www.jianshu.com/p/39f5321ed6fa 1. 什么是WebPack webpack是一个前端的模块化打包（构建）的工具功能：打包(构建) 模块化特点 webpack 将一切繁杂的、重复的、机械的工作自动处理，开发者只需...

前端前端工程化 WebPack

2021-08-03

1 406

Webpack加载CSS 来自专栏

Webpack 加载CSS 1. 加载CSS 为了从 JavaScript 模块中 import 一个 CSS 文件，你需要在 module 配置中安装并添加 style-loader 和 css-loader： npm install --save-dev style-loader css-lo...

前端前端工程化 WebPack

2021-07-21

1 529

webpack 中的 loader 和 plugin 区别来自专栏

webpack 中的 loader 和 plugin 区别参考：https://zhuanlan.zhihu.com/p/254898140 loader loader即文件加载器：用来预处理文件。举个例子: css-loader解析css文件，并将其处理成<style>标签注入到d...

前端前端工程化 WebPack

2021-07-20

1 500

webpack和gulp区别来自专栏

webpack和gulp区别模块化与流的区别： gulp 强调的是前端开发的工作流程，我们可以通过配置一系列的 task，定义 task 处理的事务（例如文件压缩合并、雪碧图、启动 server、版本控制等），然后定义执行顺序，来让 gulp 执行这些 task，从而构建项目的整个前端开发流程。 ...

前端前端工程化

2021-07-15

1 413

rebase与merge的区别来自专栏

rebase与merge的区别 git rebase 和 git merge 一样都是用于从一个分支获取并且合并到当前分支。假设一个场景，就是我们开发的 [feature/todo] 分支要合并到 master 主分***么用 rebase 或者 merge 有什么不同呢? 一、merge （...

前端前端工程化 Git

2021-07-15

1 575

如何写一个babel插件来自专栏

如何写一个babel插件 Babel 解析成 AST，然后插件更改 AST，最后由 Babel 输出代码那么 Babel 的插件模块需要你暴露一个 function，function 内返回 visitor module.export = function(babel){ return {...

前端前端工程化

2021-07-15

1 565

前端优化来自专栏

前端优化降低请求量：合并资源，减少 HTTP 请求数，minify / gzip 压缩，webP，lazyLoad。加快请求速度：预解析 DNS，减少域名数，并行加载，CDN 分发。缓存：HTTP 协议缓存请求，离线缓存 manifest，离线数据缓存 localStorage。渲染：JS/...

前端前端工程化

2021-07-14

1 525