packsuit/lib/js/JSPlugin.js

web pack

const Plugin = require('../plugins/Plugin');
const UglifyJS = require("uglify-js");
const fs = require('fs');
const path = require('path');
const dir = require('./../dir');
const webpack = require('./webpack');
const { mkdir, existsSync } = require('./../fs')
const WebpackEntrypointsPlugin = require('webpack-entrypoints-plugin')

function assemebleBuildConfig(data, env, path) {
  let config = data.defaultConfigs || {};
  if (data[env]) {
    Object.assign(config, data[env])
  }
  fs.writeFileSync(path, JSON.stringify(config, null, '\t'))
}


class JSPlugin extends Plugin {
  constructor(suit) {
    super(suit);
    this.webpackComplier;
    this.assets = {}
  }
  activate() {
    let {
      root,
      entry,
      commonJS,
      output,
      resolve,
      buildConfig,
      plugins = [],
      env
    } = this.config;
    let buildConfigPath = dir.getDir(output, 'build-config');
    assemebleBuildConfig(buildConfig, env, buildConfigPath);
    plugins.push(
      new WebpackEntrypointsPlugin({
        change: data => {
          this.assets = {
            ...this.assets,
            ...data
          };
        }
      })
    )
    let args = {
      entry,
      env,
      output,
      root,
      commonJS,
      resolve,
      plugins
    }
    for (let en in commonJS) {
      let code = {}
      commonJS[en].forEach(src => {
        code[src] = fs.readFileSync(path.resolve(root, src), "utf8");
      });
      if (!en.endsWith('.js')) {
        en += '.js';
      }
      en = 'js/' + en;
      let sourceMap = {
        url: `${en}.map`
      }
      let minify = UglifyJS.minify(code, { sourceMap });
      let jsRoot = path.join(output, '/js');
      if (!existsSync(jsRoot)) {
        mkdir(jsRoot);
      }
      fs.writeFileSync(path.resolve(output, en), minify.code);
      fs.writeFileSync(path.resolve(output, sourceMap.url), minify.map);
      this.assets[en] = {
        chunks: [
          en,
        ],
        assets: [
          path.resolve(output, en),
          path.resolve(output, sourceMap.url)
        ]
      }
    }
    return new Promise(resolve => {
      this.webpackComplier = webpack(args);
      this.webpackComplier.run((err, stats) => {
        this.suit.assets = Object.assign(this.suit.assets, this.assets);
        resolve();
        console.log(stats.toString({
          colors: true
        }));
      })
    })
  }
}

module.exports = JSPlugin