yapi/ykit.config.js

var path = require('path');
var AssetsPlugin = require('assets-webpack-plugin')
var CompressionPlugin = require('compression-webpack-plugin')
var commonLib = require('./common/plugin.js');
var assetsPluginInstance = new AssetsPlugin({
  filename: 'static/prd/assets.js',
  processOutput: function (assets) {
    return 'window.WEBPACK_ASSETS = ' + JSON.stringify(assets);
  }
})
var fs = require('fs');
var package = require('./package.json')

var compressPlugin = new CompressionPlugin({
  asset: "[path].gz[query]",
  algorithm: "gzip",
  test: /\.(js|css)$/,
  threshold: 10240,
  minRatio: 0.8
});

function createScript(plugin, pathAlias){
  let options = plugin.options ? JSON.stringify(plugin.options) : null
  if(pathAlias === 'node_modules'){
    return `"${plugin.name}" : {module: require('yapi-plugin-${plugin.name}/client.js'),options: ${options}}`
  }
  return `"${plugin.name}" : {module: require('${pathAlias}/yapi-plugin-${plugin.name}/client.js'),options: ${options}}`
}

function initPlugins(configPlugin){
  configPlugin = require('../config.json').plugins;
  var systemConfigPlugin = require('./common/config.js').exts;

  var scripts = [] ;
  if(configPlugin && Array.isArray(configPlugin) && configPlugin.length){
    configPlugin = commonLib.initPlugins(configPlugin, 'plugin');
    configPlugin.forEach((plugin)=>{
      if(plugin.client && plugin.enable){
        scripts.push(createScript(plugin, 'node_modules'))
      }
      
    })
    
  }
  
  systemConfigPlugin = commonLib.initPlugins(systemConfigPlugin, 'ext');
  systemConfigPlugin.forEach(plugin=>{
    if(plugin.client && plugin.enable){
      scripts.push(createScript(plugin, 'exts'))
    }
    
  })

  scripts = "module.exports = {" + scripts.join(",") + "}";
  fs.writeFileSync('client/plugin-module.js', scripts);
}

initPlugins();

module.exports = {
  plugins: [{
    name: 'antd',
    options: {
      modifyQuery: function (defaultQuery) { // 可查看和编辑 defaultQuery
        defaultQuery.plugins = [];
        defaultQuery.plugins.push(["transform-runtime", {
          "polyfill": false,
          "regenerator": true
        }]);
        defaultQuery.plugins.push('transform-decorators-legacy');
        defaultQuery.plugins.push(["import", { libraryName: "antd"}])
        return defaultQuery;
      },
      exclude: /node_modules\/(?!_?(yapi-plugin|json-schema-editor-visual))/
    }    
  }],    
  devtool:  'cheap-source-map',
  config: function (ykit) {
    return {
      exports: [ 
        './index.js'
      ],
      commonsChunk: {
        vendors: {
          lib: [
            // 'anujs',
            'react', 
            'react-dom',
            'redux',
            'redux-thunk',
            'redux-promise',
            'react-router',
            'react-router-dom',
            'prop-types',            
            'react-dnd-html5-backend',
            'react-dnd',
            'reactabular-table',
            'reactabular-dnd',
            'table-resolver',
            'recharts'
          ],
          lib2: [
            'brace',
            'mockjs',
            'json5',
            'url',            
            'axios',
            'moment'
          ],
          lib3: [            
            // 'codemirror',
            // "highlight.js",
            // "jquery",
            // "markdown-it",
            // "plantuml-encoder",
            // "squire-rte",
            // "to-mark",
            // "tui-chart",
            // "tui-code-snippet",
            // "tui-color-picker",
            'tui-editor'
          ]
        }
      },
      modifyWebpackConfig: function (baseConfig) {
        var ENV_PARAMS = {};
        switch (this.env) {
          case 'local':
            ENV_PARAMS = 'dev';
            break;
          case 'dev':
            ENV_PARAMS = 'dev';
            break;
          case 'prd':
            ENV_PARAMS = 'production';
            break;
          default:
        }

        baseConfig.plugins.push(new this.webpack.DefinePlugin({
          'process.env.NODE_ENV': JSON.stringify(ENV_PARAMS),
          'process.env.version' : JSON.stringify(package.version)
        }))

        //初始化配置
        baseConfig.devtool = 'cheap-module-eval-source-map'
        baseConfig.context = path.resolve(__dirname, './client');
        baseConfig.resolve.alias.client = '/client';
        baseConfig.resolve.alias.common = '/common';

        baseConfig.resolve.alias.exts = '/exts';

        // baseConfig.resolve.alias.react = 'anujs';
        // baseConfig.resolve.alias['react-dom'] = 'anujs';

        baseConfig.output.prd.path = 'static/prd';
        baseConfig.output.prd.publicPath = '';
        baseConfig.output.prd.filename = '[name]@[chunkhash][ext]'

        baseConfig.module.noParse = /node_modules\/jsondiffpatch\/public\/build\/.*js/,
        baseConfig.module.loaders.push({
          test: /\.less$/,
          loader: ykit.ExtractTextPlugin.extract(
            require.resolve('style-loader'),
            require.resolve('css-loader')
            + '?sourceMap!'
            + require.resolve('less-loader') + '?sourceMap'
          )
        })
        baseConfig.module.loaders.push({
          test: /\.(sass|scss)$/,
          loader: ykit.ExtractTextPlugin.extract(
            require.resolve('css-loader')
            + '?sourceMap!'
            + require.resolve('fast-sass-loader-china') + '?sourceMap'
          )
        })

        baseConfig.module.preLoaders.push({
          test: /\.(js|jsx)$/,
          exclude: /node_modules|google-diff.js/,
          loader: "eslint-loader"
        });

        baseConfig.module.preLoaders.push({
          test: /\.json$/,
          loader: 'json-loader'
        })

        if (this.env == 'prd') {
          baseConfig.plugins.push(assetsPluginInstance)
          baseConfig.plugins.push(compressPlugin)
        }
        return baseConfig;
      }
    }
  },
  server: {
    // true/false，默认 false，效果相当于 ykit server --hot
    hot: true,
    // true/false，默认 false，开启后可在当前打开的页面提示打包错误
    overlay: false
  },
  hooks: {},
  commands: []
};