webpack.config.js

const path = require('path');
const ts = require('typescript');
const CheapPlugin = require('./src/cheap/build/webpack/plugin/CheapPlugin');

module.exports = (env) => {

  let entry = '';
  let output = '';
  let libraryTarget = 'umd';
  let library = '';
  let libraryExport;
  let outputPath = path.resolve(__dirname, './dist');

  if (env.transformer) {
    entry = path.resolve(__dirname, './src/cheap/transformer/index.ts');
    output = 'transformer.js';
    libraryTarget = 'commonjs2';
    library = undefined;
    outputPath = path.resolve(__dirname, './src/cheap/build');
  }
  else if (env.avplayer) {
    if (env.ui) {
      entry = path.resolve(__dirname, './src/ui/avplayer/AVPlayer.ts');
      output = `avplayer.js`;
      library = 'AVPlayer';
      libraryExport = 'default';
      if (env.legacy) {
        outputPath += '/avplayer-ui-legacy';
      }
      else {
        outputPath += '/avplayer-ui';
      }
    }
    else {
      entry = path.resolve(__dirname, './src/avplayer/AVPlayer.ts');
      output = `avplayer.js`;
      library = 'AVPlayer';
      libraryExport = 'default';
      if (env.legacy) {
        outputPath += '/avplayer-legacy';
      }
      else {
        outputPath += '/avplayer';
      }
    }
    
  }
  else if (env.avtranscoder) {
    entry = path.resolve(__dirname, './src/avtranscoder/AVTranscoder.ts');
    output = `avtranscoder.js`;
    library = 'AVTranscoder';
    libraryExport = 'default';

    if (env.legacy) {
      outputPath += '/avtranscoder-legacy';
    }
    else {
      outputPath += '/avtranscoder';
    }
  }
  else if (env.polyfill) {
    entry = path.resolve(__dirname, './src/cheap/polyfill/index.ts');
    output = 'cheap-polyfill.js';
    library = 'CheapPolyfill';
    libraryTarget = 'var';
  }
  else {
    return;
  }

  const configFile = ts.readConfigFile(path.resolve(__dirname, './tsconfig.json'), ts.sys.readFile);

  const config = {
    stats: {
      assets: false,
      builtAt: true,
      source: false,
      chunks: false,
      timings: false,
      errors: true,
      warnings: true,
      children: true
    },
    watchOptions: {
      aggregateTimeout: 1000,
      ignored: /node_modules|output/
    },
    resolve: {
      extensions: ['.js', '.ts', '.json'],
      modules: [
        'node_modules'
      ],
      alias: {
        avcodec: path.resolve(__dirname, 'src/avcodec/'),
        avformat: path.resolve(__dirname, 'src/avformat/'),
        avnetwork: path.resolve(__dirname, 'src/avnetwork/'),
        avplayer: path.resolve(__dirname, 'src/avplayer/'),
        avprotocol: path.resolve(__dirname, 'src/avprotocol/'),
        avrender: path.resolve(__dirname, 'src/avrender/'),
        audiostretchpitch: path.resolve(__dirname, 'src/audiostretchpitch/'),
        audioresample: path.resolve(__dirname, 'src/audioresample/'),
        avpipeline: path.resolve(__dirname, 'src/avpipeline/'),
        avtranscode: path.resolve(__dirname, 'src/avtranscode/'),
        avutil: path.resolve(__dirname, 'src/avutil/'),
        videoscale: path.resolve(__dirname, 'src/videoscale/'),
        avfilter: path.resolve(__dirname, 'src/avfilter/'),

        cheap: path.resolve(__dirname, 'src/cheap/'),
        common: path.resolve(__dirname, 'src/common/')
      }
    },
    externals: {
      typescript: 'typescript',
      'child_process': 'child_process',
      'fs': 'fs',
      'path': 'path',
      'os': 'os'
    },
    devtool: +env.release ? false : 'source-map',
    mode: +env.release ? 'production' : 'development',
    optimization: {
      sideEffects: !!(+env.release),
      usedExports: true,
      // minimize: true,
      // release 下编译会报错，关掉这个优化
      concatenateModules: false
    },
    entry: entry,
    output: {
      filename: output,
      path: outputPath,
      library: {
        name: library,
        type: libraryTarget,
        export: libraryExport
      }
    },
    module: {
      rules: [
        {
          test: /\.ts?$/,
          exclude: /__test__|WorkletProcessor2?(Base)?.ts$/,
          use: [
            +env.release ? {
              loader: 'babel-loader',
              options: {
                cacheDirectory: true,
                presets: [
                  ['@babel/preset-env', {
                    targets: env.legacy ? {
                      'browsers': [
                        'last 2 versions',
                        'ie >= 10'
                      ]
                    } : {
                      chrome: '69'
                    }
                  }]
                ]
              }
            } : null
          ]
        },
        {
          test: /WorkletProcessor2?(Base)?.ts$/,
          use: [
            +env.release ? {
              loader: 'babel-loader',
              options: {
                cacheDirectory: true,
                presets: [
                  ['@babel/preset-env', {
                    targets: {
                      chrome: env.legacy ? '49' : '69'
                    }
                  }]
                ]
              }
            } : null
          ]
        },
        {
          test: /\.ts?$/,
          use: [
            {
              loader: 'ts-loader',
              options: {
                configFile: path.resolve(__dirname, './tsconfig.json')
              }
            }
          ]
        },
        {
          test: /\.(glsl|vert|frag)$/,
          use: [
            'raw-loader',
            {
              loader: 'glslify-loader',
              options: {
                resourcePath: '/src/avrender/image/webgl/glsl'
              }
            }
          ]
        },
        {
          test: /\.wgsl$/,
          use: [
            'raw-loader'
          ]
        },
        {
          test: /\.styl(us)?$/,
          use: [
            {
              loader: path.resolve(__dirname, './build/webpack/loader/stylus-loader.js'),
              options: {
                paths: [
                  __dirname,
                  path.join(__dirname, './demo')
                ],
                release: true
              }
            }
          ]
        },
        {
          test: /\.hbs$/,
          use: [
            {
              loader: path.resolve(__dirname, './build/webpack/loader/hbs-loader.js')
            }
          ]
        },
      ],
    },
    plugins: []
  };

  if (!env.transformer) {
    config.plugins.push(
      new CheapPlugin({
        name: 'libmedia',
        env: 'browser',
        projectPath: __dirname,
        exclude: /__test__/,
        threadFiles: [
          {
            file: path.resolve(__dirname, 'src/avpipeline/DemuxPipeline.ts'),
            include: [
              configFile.config.cheap.defined.DEBUG ? path.resolve(__dirname, 'src/common/function/concatTypeArray.ts') : null,
              configFile.config.cheap.defined.DEBUG ? path.resolve(__dirname, 'src/common/io/StreamReader.ts') : null,
              configFile.config.cheap.defined.DEBUG ? path.resolve(__dirname, 'src/common/io/BufferReader.ts') : null
            ]
          },
          {
            file: path.resolve(__dirname, 'src/avpipeline/MuxPipeline.ts'),
            include: [
              configFile.config.cheap.defined.DEBUG ? path.resolve(__dirname, 'src/avformat/codecs/h264.ts') : null,
              configFile.config.cheap.defined.DEBUG ? path.resolve(__dirname, 'src/common/io/StreamReader.ts') : null,
              configFile.config.cheap.defined.DEBUG ? path.resolve(__dirname, 'src/common/io/BufferReader.ts') : null,
              configFile.config.cheap.defined.DEBUG ? path.resolve(__dirname, 'src/common/function/concatTypeArray.ts') : null
            ]
          },
          {
            file: path.resolve(__dirname, 'src/avpipeline/IOPipeline.ts')
          }
        ]
      })
    );
  }
  return config;
};