书架
✨

书架

=一个知识书库=

cnpm的简介与使用
331 字2 分钟

cnpm的简介与使用

### 1.国内使用npm存在的问题 - 安装npm后，每次我们安装包时，我们的电脑都要和npm服务器进行对话，去npm仓库获取包。 - npm默认的仓库地址为：[http://registry.npmjs.org](http://registry.npmjs.org/) - 查看当前npm仓库地址命令：`npm config get registry` - 因为npm的远程服务器在国外，所以有时候难免出现访问过慢，甚至无法访问的情况。 - 为了解决这个问题，我们有以下几个解决办法 ### 2.使用淘宝的cpm代替npm > 淘宝为我们搭建了一个国内的npm服务器
技术设计,前端,nodejs
more...
git提交规范
1033 字4 分钟

git提交规范

# git 提交规范 - 参考规范[Angular 的提交约定](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular)。 - `feat` 增加新功能 - `fix` 修复问题/BUG - `style` 代码风格相关无影响运行结果的 - `perf` 优化/性能提升 - `refactor` 重构 - `revert` 撤销修改 - `test` 测试相关 -
设计开发,规范
more...
关于vite的思考
1672 字6 分钟

关于vite的思考

​ 最近基于 ES module 的 bundleless 构建工具很火，特别是尤大在到处推广 Vite ，号称“下一代前端构建工具”，在前不久的 VueConf 2021 上，尤大可谓狠狠地宣传了一下。以至于一度有很多人认为，有了 Vite 之后就不再需要 Webpack 了。虽然 Vite 现在确实很火，也有很多人在尝鲜，但现实恰好与大家的观念相反，目前几乎没人把 Vite 用于实际的项目开发。 ![img](http://www.lixianglong.cn/bg_store/img/content/v2-7c08b07c66c06bc9ad424dee0ce98916_720w
技术设计,前端,vite
more...
什么是vite
2844 字10 分钟

什么是vite

## Vite是什么？ Vite(读音类似于[weɪt]，法语，快的意思) 是一个由原生 ES Module 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打包。 <!--more--> ## Vite 与 Webpack webpack 最初是为了解决前端模块化以及使用 Node.Js 生态的问题而出现，随着webpack的大规模使用和社区生态的逐渐繁荣，webpack 的能力越来越强大。webpack 本质上是一个现代 JavaScript 应用程序的静态模块打包器(module bundle
技术设计,前端,vite
more...
前端构建这十年
4430 字15 分钟

前端构建这十年

## 写在前面 前端模块化/构建工具从最开始的基于浏览器**运行时**加载的 `RequireJs/Sea.js` 到将所有资源组装依赖打包 `webpack`/`rollup`/`parcel`的`bundle`类模块化构建工具，再到现在的`bundleless`基于浏览器原生 ES 模块的 `snowpack`/`vite`，前端的模块化/构建工具发展到现在已经快 10 年了。 本文主要回顾 10 年间，前端模块化/构建工具的发展历程及其实现原理。 看完本文你可以学到以下知识： - 模块化规范方案 - 前端构建工具演变，对前端构建有一个系统性认识 - 各个工具诞
技术设计,前端,build
more...