webpack.utils.js

/* Copyright (c) 2018 Kamil Mikosz
 * Copyright (c) 2018 Sienori
 * Released under the MIT license.
 * see https://opensource.org/licenses/MIT */

const HtmlWebpackPlugin = require("html-webpack-plugin");
const CopyWebpackPlugin = require("copy-webpack-plugin");
const ZipPlugin = require("zip-webpack-plugin");
const path = require("path");

const getHTMLPlugins = (browserDir, outputDir = "dev", sourceDir = "src") => [
  new HtmlWebpackPlugin({
    title: "Popup",
    filename: path.resolve(__dirname, `${outputDir}/${browserDir}/popup/index.html`),
    template: `${sourceDir}/popup/index.html`,
    chunks: ["popup"]
  }),
  new HtmlWebpackPlugin({
    title: "Options",
    filename: path.resolve(__dirname, `${outputDir}/${browserDir}/options/index.html`),
    template: `${sourceDir}/options/index.html`,
    chunks: ["options"]
  }),
  new HtmlWebpackPlugin({
    title: "Replaced",
    filename: path.resolve(__dirname, `${outputDir}/${browserDir}/replaced/index.html`),
    template: `${sourceDir}/replaced/index.html`,
    chunks: ["replaced"]
  }),
  new HtmlWebpackPlugin({
    title: "Replaced",
    filename: path.resolve(__dirname, `${outputDir}/${browserDir}/replaced/replaced.html`),
    template: `${sourceDir}/replaced/index.html`,
    chunks: ["replaced"]
  })
];

const getOutput = (browserDir, outputDir = "dev") => {
  return {
    path: path.resolve(__dirname, `${outputDir}/${browserDir}`),
    filename: "[name]/[name].js"
  };
};

const getEntry = (sourceDir = "src") => {
  return {
    popup: path.resolve(__dirname, `${sourceDir}/popup/index.js`),
    options: path.resolve(__dirname, `${sourceDir}/options/index.js`),
    replaced: path.resolve(__dirname, `${sourceDir}/replaced/replaced.js`),
    background: path.resolve(__dirname, `${sourceDir}/background/background.js`)
  };
};

const getCopyPlugins = (browserDir, outputDir = "dev", sourceDir = "src") => [
  new CopyWebpackPlugin([
    {
      from: `${sourceDir}/icons`,
      to: path.resolve(__dirname, `${outputDir}/${browserDir}/icons`)
    },
    {
      from: `${sourceDir}/_locales`,
      to: path.resolve(__dirname, `${outputDir}/${browserDir}/_locales`)
    },
    {
      from: `${sourceDir}/manifest.json`,
      to: path.resolve(__dirname, `${outputDir}/${browserDir}/manifest.json`)
    },
    {
      from: `${sourceDir}/replaced/replaced.css`,
      to: path.resolve(__dirname, `${outputDir}/${browserDir}/replaced/replaced.css`)
    }
  ])
];

const getFirefoxCopyPlugins = (browserDir, outputDir = "dev", sourceDir = "src") => [
  new CopyWebpackPlugin([
    {
      from: `${sourceDir}/icons`,
      to: path.resolve(__dirname, `${outputDir}/${browserDir}/icons`)
    },
    {
      from: `${sourceDir}/_locales`,
      to: path.resolve(__dirname, `${outputDir}/${browserDir}/_locales`)
    },
    {
      from: `${sourceDir}/manifest-ff.json`,
      to: path.resolve(__dirname, `${outputDir}/${browserDir}/manifest.json`)
    },
    {
      from: `${sourceDir}/replaced/replaced.css`,
      to: path.resolve(__dirname, `${outputDir}/${browserDir}/replaced/replaced.css`)
    }
  ])
];

const getZipPlugin = (browserDir, outputDir = "dist", exclude = "") =>
  new ZipPlugin({
    path: path.resolve(__dirname, `${outputDir}`),
    filename: browserDir,
    extension: "zip",
    fileOptions: {
      mtime: new Date(),
      mode: 0o100664,
      compress: true,
      forceZip64Format: false
    },
    zipOptions: {
      forceZip64Format: false
    },
    exclude: exclude
  });

module.exports = {
  getHTMLPlugins,
  getOutput,
  getCopyPlugins,
  getFirefoxCopyPlugins,
  getZipPlugin,
  getEntry
};