打包工具系列webpack|babel|rollup|gulp等

webpack理解 1、webpack是模块化打包工具，最早js文件通过script标签引入存在全局污染，模块依赖不清等问题，即使通过命令空间方式，每个模块只暴露一个全局对象，还是有依赖不清的问题 2

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

我正在参加「掘金·启航计划」 本文主要说两个主题： 1、webpack的source-map理解 2、source-map文件原理 写本文的时候，居然发现了webpack5的bug 发现webpack

lodader 基础 loader 分为inline，pre，normal，post loader inline 内联laoder写法 import 'style-loader!css-loader!

plugin plugin是流水线，在执行过程中不同时间段执行扩展功能 Tapable 注册 tap，tapAsync,tabPromise tab 可以注册同步或异步钩子 tabAsync 回调方式

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

这是一个用于Vue-cli的loader，根据.vax.xml文件中配置，在Vue 中自动生成Vuex、Axios、Cache文件，前端工作将完全不需考虑ajax和vue的状态管理这些繁杂的事情，一步

npm 常用命令 node 包 http url querystring dns fs nt install

主要使用包 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会疑惑呢？ 1、Babel中有几十个包，我们做配置的时候不清楚到底要哪些包 2、网上关于Babel资料很多，同一个功能为什么不同文章用的包不一样

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

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

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