c3-tools/lib/compile.js

const gulp = require('gulp');
const rimraf = require('rimraf');
const babel = require('gulp-babel');
const merge2 = require('merge2');
const rollup = require('rollup');
const path = require('path');
const fs = require('fs');
const { terser } = require('rollup-plugin-terser');
const babelPlugin = require('rollup-plugin-babel');
const resolve = require('rollup-plugin-node-resolve');
const commonjs = require('rollup-plugin-commonjs');
const replace = require('rollup-plugin-replace');
const json = require('rollup-plugin-json');
const filesize = require('rollup-plugin-filesize');
const postcss = require('rollup-plugin-postcss');
const autoprefixer = require('autoprefixer');
const cssnano = require('cssnano');
const image = require('rollup-plugin-image');
const readPkg = require('read-pkg');
const pkg = readPkg.sync(process.cwd());

const esBabelConfig = require('./babel/babel.es.js');
const commonBabelConfig = require('./babel/babel.common.js');
const getStreamPathList = require('../utils/index');
const externalRegExp = new RegExp(Object.keys(pkg.dependencies).join('|'));

const cwd = process.cwd();
const { join } = path;

const packagePth = join(cwd, 'package.json');
const pkgJson = JSON.parse(fs.readFileSync(packagePth, 'utf8'));
const nameList = pkgJson.name.split('/');
const name = nameList.pop();

const taskFunctionMap = {
  es: compileComponent,
  commonjs: compileComponent,
  'dist': compileDist,
  'dist:min': compileDistMin,
};

const plugins = [
  postcss({
    extensions: [ '.less', '.css' ],
    plugins: [
      autoprefixer(),
      cssnano()
    ]
  }),
  resolve({
    module: true,
    jsnext: true,
    main: true,
    browser: true,
  }),
  babelPlugin({
    ...esBabelConfig,
    runtimeHelpers: true,
    exclude: 'node_modules/**'
  }),
  commonjs(),
  image(),
  replace({
    exclude: 'node_modules/**',
    'process.env.NODE_ENV': JSON.stringify('production')
  }),
  json(),
  filesize(),
];

const miniPlugins = plugins.concat(terser({
  compress: {
    pure_getters: true,
    unsafe: true,
    unsafe_comps: true,
    warnings: false
  }
}));

//编译组件库
function compileComponent(input, output, task) {
  const dir = path.join(cwd, output);
  const babelConfig = task === 'es' ? esBabelConfig : commonBabelConfig;

  const jsStreamList = getStreamPathList(input);
  const lessStreamList = getStreamPathList(input, 'less');
  const assetsStreamList = getStreamPathList(input, '@(png|svg)');
  
  rimraf.sync(dir);

  const jsSteam =
    gulp.src(jsStreamList)
      .pipe(babel(babelConfig))
      .pipe(gulp.dest(dir));
  const lessSteam =
    gulp.src(lessStreamList)
      .pipe(gulp.dest(dir));

  const assetsSteam =
    gulp.src(assetsStreamList)
      .pipe(gulp.dest(dir));

  return merge2([jsSteam, lessSteam, assetsSteam]);
}

function compileDist(input, output) {

  rollup.rollup({
    input: `${input}/index.js`,
    plugins,
    external: id => externalRegExp.test(id)
  }).then((bundle) => {
    bundle.write({
      file: `${output}/${name}.esm.js`,
      format: 'es',
      name
    });
    bundle.write({
      file: `${output}/${name}.cjs.js`,
      format: 'cjs',
      name
    });
    bundle.write({
      file: `${output}/${name}.js`,
      format: 'umd',
      name
    });
  })
}

function compileDistMin(input, output) {

  rollup.rollup({
    input: `${input}/index.js`,
    plugins: miniPlugins,
    external: id => externalRegExp.test(id)
  }).then((bundle) => {
    bundle.write({
      file: `${output}/${name}.min.js`,
      format: 'umd',
      name,
      indent: false
    });
  })

}

module.exports = function compile(task, input, output) {
  taskFunctionMap[task](input, output, task);
}