webpack.config.js

/**
 * Copyright 2019 The AMP HTML Authors. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS-IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */


const CleanWebpackPlugin = require('clean-webpack-plugin')
const TerserPlugin = require('terser-webpack-plugin');
const ReplaceInFileWebpackPlugin = require('replace-in-file-webpack-plugin');
const { BannerPlugin } = require('webpack');

const babelOptions = {
  presets: [
    [
      "@babel/preset-env",
      {
        "targets": {
          "esmodules": true,
        },
        "bugfixes": true,
      }
    ]
  ],
  plugins: ['@babel/plugin-syntax-dynamic-import']
};

const buildPath = `${__dirname}/dist`;

module.exports = env => {
  const { version } = require(env.packageFile || './package.json');
  const publicPath = env.location || './dist/';

  return {
    entry: {
      'amp-sw': './src/modules/core/index.ts',
    },
    output: {
      path: buildPath,
      filename: '[name].js',
      chunkFilename: '[name].js',
      publicPath,
    },
    target: "webworker",
    mode: "production",
    module: {
      rules: [
        {
          test: /\.ts$/,
          use: [
            {
              loader: 'babel-loader',
              options: babelOptions
            },
            {
              loader: 'ts-loader',
              options: {
                compilerOptions: {
                  resolveJsonModule: true
                }
              }
            }
          ]
        },
        {
          test: /\.m?js$/,
          use: {
            loader: 'babel-loader',
            options: babelOptions,
          }
        }
      ]
    },
    plugins: [
      new CleanWebpackPlugin([buildPath]),
      new ReplaceInFileWebpackPlugin([{
        dir: 'dist',
        files: ['amp-sw.js'],
        rules: [{
          search: 'importScripts(',
          replace: `importScripts('${publicPath}' + `,
        }],
      }]),
      new BannerPlugin({
        banner: `AMP_SW_v${version}`,
        entryOnly: true,
      })
    ],
    resolve: {
      extensions: ['.ts', '.tsx', '.js']
    },
    optimization: {
      minimizer: [new TerserPlugin({
        extractComments: false,
        terserOptions: {
          ecma: 6,
          module: true,
        }
      })],
    },
  };
}