组件库开发系列

首先看下pnpm的特点 快速：pnpm比传统方案(yarn, npm)安装包的速度快了两倍，甚至比yarn2，pnp模式还要快 更严格高效：node_modules 中的文件是从一个单一的可内容寻址的

包 plugins 注册指令highlight 在 根目录 plugins/global.ts 中注册组件 封装组件 CodeView 在components下封装CodeView.vue 其他页面调

babel优化 useBuiltIns: 'usage', module: false，走runtime包 只打包使用的文件而且才有esm规范 修改 babel.config.js 配置 , 详见 我

主要使用包 eslint-plugin-local-rules ^1.3.2 根目录配 eslint-local-rules.js 自定义规则 no-magic-number，不允许vue文件中出现魔

目录 prettier husky eslint prettier prettier 是代码格式化工具，有两种使用方式，先说编辑器插件方式（简单说），重点是npm装包方式（推荐） 方式一：编辑器插件，

我正在参加「掘金·启航计划」tree shaking 失败的原因，1、代码没用import引入 2、webpack配置没开启摇树 3、副作用 4、babel配置preset-env没写 module

我正在参加「掘金·启航计划」 对babel配置还不熟悉的，先看这篇文章：我掌握的Babel配置 报错内容： 列出配置内容 解决 排除掉node_modules就行了 正常来说，webpack打包不应该

我正在参加「掘金·启航计划」我们为什么对Babel会疑惑呢？ 1、Babel中有几十个包，我们做配置的时候不清楚到底要哪些包 2、网上关于Babel资料很多，同一个功能为什么不同文章用的包不一样

问题 阿里oss上图片带有时间戳，1分钟后图片就失效，前端切换页面通过浏览器缓存也能显示正常，但是无痕模式下就失败了，只有重新请求接口获得新图片 思考 想着前端请求同一个图片，显示还是直接用，并同时做

scss 样式 和 图标.js/.vue 和 .scss 是不同的，js代码用rollup处理，scss代码用gulp处理scss 样式要打包称 css 文件scss文件要有变量，可供后续项,

源代码是无法直接在浏览器端运行的，所以需要打包工具转换代码到es5。当然我们需要熟悉babel， 熟悉前端的打包工具 webpack 、rollup、gulp，其中webpack偏向于应用开发，rol

虽然我们使用 node 环境，但是对于 package.json 并不一定那么熟悉，这篇讲一下里面一些字段的含义，包托管 到 npmjs 安装空白文件 npm源 设置 查看所有配置项 一次性安装指定源