feat(build): 打包commonjs模块

Author: zhaozhiwen

.babelrc.js

@@ -0,0 +1,13 @@
+module.exports = {
+  presets: ['@babel/env', '@babel/typescript', '@babel/react'],
+  plugins: [
+    '@babel/proposal-class-properties',
+    [
+      '@babel/plugin-transform-runtime',
+      {
+        corejs: 3,
+        helpers: true,
+      },
+    ],
+  ],
+};

.browserslistrc

@@ -0,0 +1,3 @@
+>0.2%
+not dead
+not op_mini all

.gitignore

@@ -15,7 +15,7 @@
 /build
 /dist
 /lib
-/es
+/esm
 /.docz
 /doc-site
 /types

gulpfile.js

@@ -0,0 +1,26 @@
+const gulp = require('gulp');
+const babel = require('gulp-babel');
+
+const paths = {
+  dest: {
+    lib: 'lib',
+    esm: 'esm',
+    dist: 'dist',
+  },
+  styles: 'components/**/*.less',
+  scripts: ['components/**/*.{ts,tsx}', '!components/**/demo/*.{ts,tsx}'],
+};
+
+function compileCJS() {
+  const { dest, scripts } = paths;
+  return gulp
+    .src(scripts)
+    .pipe(babel()) // 使用gulp-babel处理
+    .pipe(gulp.dest(dest.lib));
+}
+
+const build = gulp.parallel(compileCJS);
+
+exports.build = build;
+
+exports.default = build;

package.json

@@ -2,14 +2,16 @@
   "name": "react-ui-library-tutorial",
   "version": "1.0.0",
   "description": "",
-  "main": "index.js",
   "typings": "types/index.d.ts",
+  "main": "lib/index.js",
   "scripts": {
     "dev": "docz dev",
     "start": "npm run dev",
     "build:doc": "rimraf doc-site && docz build",
     "preview:doc": "docz serve",
+    "clean": "rimraf types lib esm dist",
     "build:types": "tsc --emitDeclarationOnly",
+    "build": "npm run clean && npm run build:types && gulp",
     "commit": "git-cz",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
@@ -29,6 +31,13 @@
     "react-dom": ">=16.0.0"
   },
   "devDependencies": {
+    "@babel/core": "^7.7.7",
+    "@babel/plugin-proposal-class-properties": "^7.7.4",
+    "@babel/plugin-proposal-object-rest-spread": "^7.7.7",
+    "@babel/plugin-transform-runtime": "^7.7.6",
+    "@babel/preset-env": "^7.7.7",
+    "@babel/preset-react": "^7.7.4",
+    "@babel/preset-typescript": "^7.7.7",
     "@commitlint/cli": "^8.2.0",
     "@commitlint/config-conventional": "^8.2.0",
     "@types/vfile-message": "^2.0.0",
@@ -40,6 +49,8 @@
     "docz": "^2.2.0",
     "gatsby-plugin-import": "^2.1.5",
     "gatsby-plugin-less": "^3.0.17",
+    "gulp": "^4.0.2",
+    "gulp-babel": "^8.0.0",
     "husky": "^3.1.0",
     "less": "^3.10.3",
     "lint-staged": "^9.5.0",
@@ -77,6 +88,7 @@
     }
   },
   "dependencies": {
+    "@babel/runtime-corejs3": "^7.7.7",
     "prop-types": "^15.7.2"
   }
 }