文章分类 -  npm学习笔记

1 2 下一页
npm学习笔记
Vite封装ts工具库
该文被密码保护。
posted @ 2025-10-30 20:01 李小菜丶 阅读(0) 评论(0) 推荐(0)
tsconfig.json配置指南
摘要：tsconfig.json 是 TypeScript 项目的配置文件，用于指定编译项目所需的根文件和编译器选项。当你运行 TypeScript 编译器（如 `tsc`）时，它会自动查找并读取当前目录下的 `tsconfig.json` 文件，从而应用其中的配置。 在 VSCode 中，`tsconf 阅读全文
posted @ 2025-10-15 15:02 李小菜丶 阅读(24) 评论(0) 推荐(0)
peerDependencies是什么
摘要：package.json 是 Node.js 和前端开发中的重要组成部分，其中包含了项目的各种配置信息，包括名称、版本、脚本、依赖关系等。而在依赖管理中，dependencies、devDependencies、以及 peerDependencies 各自扮演着不同的角色。 什么是 peerDepe 阅读全文
posted @ 2025-10-13 22:53 李小菜丶 阅读(8) 评论(0) 推荐(0)
详解npm源及其使用方法
摘要：npm源是一个用于存储和提供npm包的服务器地址，npm在安装包时会通过这个源地址下载对应的依赖包。默认情况下，npm使用官方的npm源（https://registry.npmjs.org/），该源存储了海量的Node.js开源包，用户可以通过npm命令轻松获取这些包。 然而，由于网络环境的差异， 阅读全文
posted @ 2025-10-13 15:09 李小菜丶 阅读(12) 评论(0) 推荐(0)
yarn配置文件(.yarnrc和.yarnrc.yml)
摘要：Yarn的配置文件主要涉及.yarnrc和.yarnrc.yml两种格式‌，用于自定义Yarn的行为和依赖管理策略。 .yarnrc 文件（旧版）用于配置Yarn的旧版本（如Yarn 1.x）的行为，支持简单的键值对格式。 .yarnrc.yml 文件（新版，推荐） Yarn 2+ 推荐使用YAML 阅读全文
posted @ 2025-10-12 11:07 李小菜丶 阅读(42) 评论(0) 推荐(0)
npm配置文件(.npmrc)
摘要：npmrc是npm（Node Package Manager）的配置文件，它允许你设置各种配置选项来控制 npm 的行为。这个文件可以位于用户级（~/.npmrc），全局级（${prefix}/etc/npmrc，其中 {prefix} 是 npm 的安装目录，通常是 /usr/local/lib/ 阅读全文
posted @ 2025-10-12 10:17 李小菜丶 阅读(23) 评论(0) 推荐(0)
webpack 和vite 如何使用Source Map
摘要：什么是Source Map？ 通过构建编译，可以将开发环境的源代码转化为能在生产环境运行的代码，这使得 运行代码 完全不同于 源代码。由于调试和报错都是基于运行代码。如果需要调试应用，或运行应用时报出了错误，就无法定位。 Source Map(源代码地图) 就是解决这类问题最好的办法。它用来映射 转 阅读全文
posted @ 2024-11-15 18:07 李小菜丶 阅读(2287) 评论(0) 推荐(0)
webpack 和 vite 如何使用BundleAnalyzerPlugin
摘要：`BundleAnalyzerPlugin` 是一个 Webpack 插件，用于生成可视化的打包报告。它分析 Webpack 的输出，展示各个模块的大小和依赖关系，帮助开发者识别和优化包的体积，提升性能。报告通常以交互式图表的形式呈现，便于理解和分析。 Webpack 使用 BundleAnalyz 阅读全文
posted @ 2024-11-15 16:45 李小菜丶 阅读(206) 评论(0) 推荐(0)
webapck 和vite 如何开启tree shaking
摘要：在 Webpack 和 Vite 中，tree shaking 是默认启用的，但你可以通过以下方式确保其有效性。 Webpack开启tree shaking 1. 使用 ES Modules：确保使用 `import` 和 `export` 语法。 在package.json 设置 type:'mo 阅读全文
posted @ 2024-11-15 16:29 李小菜丶 阅读(679) 评论(0) 推荐(0)
生产环境优化 - sideEffects 副作用
摘要：sideEffects 这是一个很重要但是容易被忽略的一个字段，错误配置的话会导致出现意料之外的问题。 首先这个字段是被 Webpack 使用的，作用是协助 Webpack 进行 tree shaking。 官方文档中将它和 Tree Shaking 放在一起讲，所以容易误解为它们是因果关系，实际上 阅读全文
posted @ 2024-11-15 11:57 李小菜丶 阅读(196) 评论(0) 推荐(0)
Vite和Webpack如何开启ESM
摘要：vite为什么比webpack快 Vite之所以比Webpack快，主要是因为它们采用了不同的构建机制和优化策略。以下是几个主要原因： 1、利用现代浏览器的ESM支持 Vite利用了现代浏览器对ES Modules（ESM）的原生支持。在开发环境下，Vite可以直接运行源代码，而无需像Webpack 阅读全文
posted @ 2024-11-11 11:31 李小菜丶 阅读(282) 评论(0) 推荐(0)
让一个包既支持commonjs又支持esm
摘要：在 JavaScript 社区中，有两种主要的模块系统：CommonJS（CJS）和 ECMAScript 模块（ESM）。CJS 是 Node.js 默认的模块系统，而 ESM 是在浏览器和现代 JavaScript 运行时环境中广泛使用的模块系统。 在开发一个 npm 包时，为了确保包能够同时支 阅读全文
posted @ 2024-11-10 23:46 李小菜丶 阅读(532) 评论(0) 推荐(0)
理解package.json中的exports, main, module, type
摘要：在package.json中与模块化相关的，包括： main browser module exports types或typings main 对应commonjs引入方式的程序入口文件 { "main": "dist/index.js" } webpack 等打包工具会根据 `package.j 阅读全文
posted @ 2024-11-09 23:01 李小菜丶 阅读(374) 评论(0) 推荐(0)
从0到1开发一个自己的npm包完整过程
摘要：从 package.json 出发 name name 字段在 npm 注册表中唯一标识一个包。 如果你希望发布的包属于某个组织或团队，可以使用 scoped packages。Scoped packages 的名称以 @scope/ 开头，例如 @your-org/package-name。其中S 阅读全文
posted @ 2024-11-09 22:24 李小菜丶 阅读(620) 评论(0) 推荐(0)
npm version使用方法：组件库组件打包自动版本升级
摘要：每个npm包都有一个package.json，如果要发布包的话，package.json里面的version字段就是决定发包的版本号了。 version字段结构为： ‘0.0.1’，是有三位的版本号，分别是对应的version里面的：major, minor, patch。 npm version 阅读全文
posted @ 2024-11-05 23:53 李小菜丶 阅读(934) 评论(0) 推荐(0)
Verdaccio搭建npm私有服务器
该文被密码保护。
posted @ 2024-11-04 23:59 李小菜丶 阅读(1308) 评论(0) 推荐(0)
使用fnm管理Node
该文被密码保护。
posted @ 2024-08-28 17:36 李小菜丶 阅读(0) 评论(0) 推荐(0)
package.json配置启动命令
该文被密码保护。
posted @ 2023-11-10 17:23 李小菜丶 阅读(0) 评论(0) 推荐(0)
package.json bin字段
该文被密码保护。
posted @ 2023-06-08 14:53 李小菜丶 阅读(0) 评论(0) 推荐(0)
npm scripts
该文被密码保护。
posted @ 2023-06-08 14:42 李小菜丶 阅读(0) 评论(0) 推荐(0)

1 2 下一页