嘿，各位技术爱好者！咱今天就来聊聊Rollup这个打包工具，以及如何用它来构建和发布自己的 npm 库。别kan名字高大上，其实操作起来还挺简单的。准备好了吗？咱们这就开始吧！

你可Neng在想，webpack、parcel 这些工具那么多，为啥要选 Rollup？说实话，我之前也是百思不得其解。但后来发现Rollup的优势在于它对 ES modules 的支持特别好，Ke以生成 ES、CJS、UMD 等多种格式的包。而且它的打包方式geng注重代码树，Neng把没用的代码剔除掉，减小包体积。换句话说，打包出来的包会geng小、geng快。

在你项目的 package.json 文件中添加一个构建脚本：

"scripts": {
  "build": "rollup -c"
}

npm run build

Rollup 相较于 webpack 或 Parcel 的主要优势在于其模块打包方式和对 ES modules 的原生支持。Webpack 主要面向浏览器环境，需要借助插件才Neng进行模块打包；而 Rollup 则直接支持 ES modules，Neng够geng好地利用现代 JavaScript 特性并生成geng小的包。

rollup.config.js

import resolve from '@rollup/plugin-node-resolve';
import babel from '@rollup/plugin-babel'; // 支持 Babel 转换语法 
import commonjs from '@rollup/plugin-commonjs'; // 支持 CommonJS 模块 
export default {
  input: 'src/index.js', // 入口文件路径
  output: { // 输出配置
    file: 'dist/index.cjs.js', // CJS 输出文件路径 
    format: 'cjs',           // 输出格式：CommonJS  用于 Node.js 环境
    sourcemap: true          // 生成 Source Map 文件方便调试       }, plugins:  }

import { validatorReg, validate, tools } from "./validator";  export { tools, validatorReg, validate };

延迟函数

参数类型获取

字符串截取

export const validatorReg = {  isEmail: /^+@+.)++$/, // 校验邮箱  isPhoneNumber: /^\d{}$/, // 手机号码验证  isTelNumber: /^|\d{,}-|\s)?\d{,}$/, // 固定
发布项目到 npm
注册登录 npm 账号 
注册一个 npm 账户
登录到 npm
 
npm login