Introduce Webpack

.gitignore

@@ -0,0 +1,4 @@
+node_modules/
+dist
+dev
+temp

LICENSE

@@ -0,0 +1,375 @@
+Copyright (c) 2017-2018 Sienori All rights reserved.
+
+Mozilla Public License Version 2.0
+==================================
+
+1. Definitions
+--------------
+
+1.1. "Contributor"
+    means each individual or legal entity that creates, contributes to
+    the creation of, or owns Covered Software.
+
+1.2. "Contributor Version"
+    means the combination of the Contributions of others (if any) used
+    by a Contributor and that particular Contributor's Contribution.
+
+1.3. "Contribution"
+    means Covered Software of a particular Contributor.
+
+1.4. "Covered Software"
+    means Source Code Form to which the initial Contributor has attached
+    the notice in Exhibit A, the Executable Form of such Source Code
+    Form, and Modifications of such Source Code Form, in each case
+    including portions thereof.
+
+1.5. "Incompatible With Secondary Licenses"
+    means
+
+    (a) that the initial Contributor has attached the notice described
+        in Exhibit B to the Covered Software; or
+
+    (b) that the Covered Software was made available under the terms of
+        version 1.1 or earlier of the License, but not also under the
+        terms of a Secondary License.
+
+1.6. "Executable Form"
+    means any form of the work other than Source Code Form.
+
+1.7. "Larger Work"
+    means a work that combines Covered Software with other material, in
+    a separate file or files, that is not Covered Software.
+
+1.8. "License"
+    means this document.
+
+1.9. "Licensable"
+    means having the right to grant, to the maximum extent possible,
+    whether at the time of the initial grant or subsequently, any and
+    all of the rights conveyed by this License.
+
+1.10. "Modifications"
+    means any of the following:
+
+    (a) any file in Source Code Form that results from an addition to,
+        deletion from, or modification of the contents of Covered
+        Software; or
+
+    (b) any new file in Source Code Form that contains any Covered
+        Software.
+
+1.11. "Patent Claims" of a Contributor
+    means any patent claim(s), including without limitation, method,
+    process, and apparatus claims, in any patent Licensable by such
+    Contributor that would be infringed, but for the grant of the
+    License, by the making, using, selling, offering for sale, having
+    made, import, or transfer of either its Contributions or its
+    Contributor Version.
+
+1.12. "Secondary License"
+    means either the GNU General Public License, Version 2.0, the GNU
+    Lesser General Public License, Version 2.1, the GNU Affero General
+    Public License, Version 3.0, or any later versions of those
+    licenses.
+
+1.13. "Source Code Form"
+    means the form of the work preferred for making modifications.
+
+1.14. "You" (or "Your")
+    means an individual or a legal entity exercising rights under this
+    License. For legal entities, "You" includes any entity that
+    controls, is controlled by, or is under common control with You. For
+    purposes of this definition, "control" means (a) the power, direct
+    or indirect, to cause the direction or management of such entity,
+    whether by contract or otherwise, or (b) ownership of more than
+    fifty percent (50%) of the outstanding shares or beneficial
+    ownership of such entity.
+
+2. License Grants and Conditions
+--------------------------------
+
+2.1. Grants
+
+Each Contributor hereby grants You a world-wide, royalty-free,
+non-exclusive license:
+
+(a) under intellectual property rights (other than patent or trademark)
+    Licensable by such Contributor to use, reproduce, make available,
+    modify, display, perform, distribute, and otherwise exploit its
+    Contributions, either on an unmodified basis, with Modifications, or
+    as part of a Larger Work; and
+
+(b) under Patent Claims of such Contributor to make, use, sell, offer
+    for sale, have made, import, and otherwise transfer either its
+    Contributions or its Contributor Version.
+
+2.2. Effective Date
+
+The licenses granted in Section 2.1 with respect to any Contribution
+become effective for each Contribution on the date the Contributor first
+distributes such Contribution.
+
+2.3. Limitations on Grant Scope
+
+The licenses granted in this Section 2 are the only rights granted under
+this License. No additional rights or licenses will be implied from the
+distribution or licensing of Covered Software under this License.
+Notwithstanding Section 2.1(b) above, no patent license is granted by a
+Contributor:
+
+(a) for any code that a Contributor has removed from Covered Software;
+    or
+
+(b) for infringements caused by: (i) Your and any other third party's
+    modifications of Covered Software, or (ii) the combination of its
+    Contributions with other software (except as part of its Contributor
+    Version); or
+
+(c) under Patent Claims infringed by Covered Software in the absence of
+    its Contributions.
+
+This License does not grant any rights in the trademarks, service marks,
+or logos of any Contributor (except as may be necessary to comply with
+the notice requirements in Section 3.4).
+
+2.4. Subsequent Licenses
+
+No Contributor makes additional grants as a result of Your choice to
+distribute the Covered Software under a subsequent version of this
+License (see Section 10.2) or under the terms of a Secondary License (if
+permitted under the terms of Section 3.3).
+
+2.5. Representation
+
+Each Contributor represents that the Contributor believes its
+Contributions are its original creation(s) or it has sufficient rights
+to grant the rights to its Contributions conveyed by this License.
+
+2.6. Fair Use
+
+This License is not intended to limit any rights You have under
+applicable copyright doctrines of fair use, fair dealing, or other
+equivalents.
+
+2.7. Conditions
+
+Sections 3.1, 3.2, 3.3, and 3.4 are conditions of the licenses granted
+in Section 2.1.
+
+3. Responsibilities
+-------------------
+
+3.1. Distribution of Source Form
+
+All distribution of Covered Software in Source Code Form, including any
+Modifications that You create or to which You contribute, must be under
+the terms of this License. You must inform recipients that the Source
+Code Form of the Covered Software is governed by the terms of this
+License, and how they can obtain a copy of this License. You may not
+attempt to alter or restrict the recipients' rights in the Source Code
+Form.
+
+3.2. Distribution of Executable Form
+
+If You distribute Covered Software in Executable Form then:
+
+(a) such Covered Software must also be made available in Source Code
+    Form, as described in Section 3.1, and You must inform recipients of
+    the Executable Form how they can obtain a copy of such Source Code
+    Form by reasonable means in a timely manner, at a charge no more
+    than the cost of distribution to the recipient; and
+
+(b) You may distribute such Executable Form under the terms of this
+    License, or sublicense it under different terms, provided that the
+    license for the Executable Form does not attempt to limit or alter
+    the recipients' rights in the Source Code Form under this License.
+
+3.3. Distribution of a Larger Work
+
+You may create and distribute a Larger Work under terms of Your choice,
+provided that You also comply with the requirements of this License for
+the Covered Software. If the Larger Work is a combination of Covered
+Software with a work governed by one or more Secondary Licenses, and the
+Covered Software is not Incompatible With Secondary Licenses, this
+License permits You to additionally distribute such Covered Software
+under the terms of such Secondary License(s), so that the recipient of
+the Larger Work may, at their option, further distribute the Covered
+Software under the terms of either this License or such Secondary
+License(s).
+
+3.4. Notices
+
+You may not remove or alter the substance of any license notices
+(including copyright notices, patent notices, disclaimers of warranty,
+or limitations of liability) contained within the Source Code Form of
+the Covered Software, except that You may alter any license notices to
+the extent required to remedy known factual inaccuracies.
+
+3.5. Application of Additional Terms
+
+You may choose to offer, and to charge a fee for, warranty, support,
+indemnity or liability obligations to one or more recipients of Covered
+Software. However, You may do so only on Your own behalf, and not on
+behalf of any Contributor. You must make it absolutely clear that any
+such warranty, support, indemnity, or liability obligation is offered by
+You alone, and You hereby agree to indemnify every Contributor for any
+liability incurred by such Contributor as a result of warranty, support,
+indemnity or liability terms You offer. You may include additional
+disclaimers of warranty and limitations of liability specific to any
+jurisdiction.
+
+4. Inability to Comply Due to Statute or Regulation
+---------------------------------------------------
+
+If it is impossible for You to comply with any of the terms of this
+License with respect to some or all of the Covered Software due to
+statute, judicial order, or regulation then You must: (a) comply with
+the terms of this License to the maximum extent possible; and (b)
+describe the limitations and the code they affect. Such description must
+be placed in a text file included with all distributions of the Covered
+Software under this License. Except to the extent prohibited by statute
+or regulation, such description must be sufficiently detailed for a
+recipient of ordinary skill to be able to understand it.
+
+5. Termination
+--------------
+
+5.1. The rights granted under this License will terminate automatically
+if You fail to comply with any of its terms. However, if You become
+compliant, then the rights granted under this License from a particular
+Contributor are reinstated (a) provisionally, unless and until such
+Contributor explicitly and finally terminates Your grants, and (b) on an
+ongoing basis, if such Contributor fails to notify You of the
+non-compliance by some reasonable means prior to 60 days after You have
+come back into compliance. Moreover, Your grants from a particular
+Contributor are reinstated on an ongoing basis if such Contributor
+notifies You of the non-compliance by some reasonable means, this is the
+first time You have received notice of non-compliance with this License
+from such Contributor, and You become compliant prior to 30 days after
+Your receipt of the notice.
+
+5.2. If You initiate litigation against any entity by asserting a patent
+infringement claim (excluding declaratory judgment actions,
+counter-claims, and cross-claims) alleging that a Contributor Version
+directly or indirectly infringes any patent, then the rights granted to
+You by any and all Contributors for the Covered Software under Section
+2.1 of this License shall terminate.
+
+5.3. In the event of termination under Sections 5.1 or 5.2 above, all
+end user license agreements (excluding distributors and resellers) which
+have been validly granted by You or Your distributors under this License
+prior to termination shall survive termination.
+
+************************************************************************
+*                                                                      *
+*  6. Disclaimer of Warranty                                           *
+*  -------------------------                                           *
+*                                                                      *
+*  Covered Software is provided under this License on an "as is"       *
+*  basis, without warranty of any kind, either expressed, implied, or  *
+*  statutory, including, without limitation, warranties that the       *
+*  Covered Software is free of defects, merchantable, fit for a        *
+*  particular purpose or non-infringing. The entire risk as to the     *
+*  quality and performance of the Covered Software is with You.        *
+*  Should any Covered Software prove defective in any respect, You     *
+*  (not any Contributor) assume the cost of any necessary servicing,   *
+*  repair, or correction. This disclaimer of warranty constitutes an   *
+*  essential part of this License. No use of any Covered Software is   *
+*  authorized under this License except under this disclaimer.         *
+*                                                                      *
+************************************************************************
+
+************************************************************************
+*                                                                      *
+*  7. Limitation of Liability                                          *
+*  --------------------------                                          *
+*                                                                      *
+*  Under no circumstances and under no legal theory, whether tort      *
+*  (including negligence), contract, or otherwise, shall any           *
+*  Contributor, or anyone who distributes Covered Software as          *
+*  permitted above, be liable to You for any direct, indirect,         *
+*  special, incidental, or consequential damages of any character      *
+*  including, without limitation, damages for lost profits, loss of    *
+*  goodwill, work stoppage, computer failure or malfunction, or any    *
+*  and all other commercial damages or losses, even if such party      *
+*  shall have been informed of the possibility of such damages. This   *
+*  limitation of liability shall not apply to liability for death or   *
+*  personal injury resulting from such party's negligence to the       *
+*  extent applicable law prohibits such limitation. Some               *
+*  jurisdictions do not allow the exclusion or limitation of           *
+*  incidental or consequential damages, so this exclusion and          *
+*  limitation may not apply to You.                                    *
+*                                                                      *
+************************************************************************
+
+8. Litigation
+-------------
+
+Any litigation relating to this License may be brought only in the
+courts of a jurisdiction where the defendant maintains its principal
+place of business and such litigation shall be governed by laws of that
+jurisdiction, without reference to its conflict-of-law provisions.
+Nothing in this Section shall prevent a party's ability to bring
+cross-claims or counter-claims.
+
+9. Miscellaneous
+----------------
+
+This License represents the complete agreement concerning the subject
+matter hereof. If any provision of this License is held to be
+unenforceable, such provision shall be reformed only to the extent
+necessary to make it enforceable. Any law or regulation which provides
+that the language of a contract shall be construed against the drafter
+shall not be used to construe this License against a Contributor.
+
+10. Versions of the License
+---------------------------
+
+10.1. New Versions
+
+Mozilla Foundation is the license steward. Except as provided in Section
+10.3, no one other than the license steward has the right to modify or
+publish new versions of this License. Each version will be given a
+distinguishing version number.
+
+10.2. Effect of New Versions
+
+You may distribute the Covered Software under the terms of the version
+of the License under which You originally received the Covered Software,
+or under the terms of any subsequent version published by the license
+steward.
+
+10.3. Modified Versions
+
+If you create software not governed by this License, and you want to
+create a new license for such software, you may create and use a
+modified version of this License if you rename the license and remove
+any references to the name of the license steward (except to note that
+such modified license differs from this License).
+
+10.4. Distributing Source Code Form that is Incompatible With Secondary
+Licenses
+
+If You choose to distribute Source Code Form that is Incompatible With
+Secondary Licenses under the terms of this version of the License, the
+notice described in Exhibit B of this License must be attached.
+
+Exhibit A - Source Code Form License Notice
+-------------------------------------------
+
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+If it is not possible or desirable to put the notice in a particular
+file, then You may include the notice in a location (such as a LICENSE
+file in a relevant directory) where a recipient would be likely to look
+for such a notice.
+
+You may add additional accurate notices of copyright ownership.
+
+Exhibit B - "Incompatible With Secondary Licenses" Notice
+---------------------------------------------------------
+
+  This Source Code Form is "Incompatible With Secondary Licenses", as
+  defined by the Mozilla Public License, v. 2.0.

config.json

@@ -0,0 +1,9 @@
+{
+  "chromePath": "src",
+  "operaPath": "src",
+  "firefoxPath": "src",
+  "devDirectory": "dev",
+  "distDirectory": "dist",
+  "tempDirectory": "temp",
+  "extName": "simple-translate"
+}

package.json

@@ -0,0 +1,52 @@
+{
+  "name": "simple-translate",
+  "version": "0.0.0",
+  "dependencies": {
+    "browser-info": "^1.2.0",
+    "react": "^16.4.0",
+    "react-dom": "^16.4.0",
+    "react-router": "^4.3.1",
+    "react-router-dom": "^4.3.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.0.0-beta.49",
+    "@babel/preset-env": "^7.0.0-beta.49",
+    "@babel/preset-react": "^7.0.0-beta.49",
+    "babel-loader": "^8.0.0-beta.3",
+    "babel-plugin-transform-class-properties": "^6.24.1",
+    "clean-webpack-plugin": "^0.1.19",
+    "copy-webpack-plugin": "^4.5.1",
+    "css-loader": "^0.28.11",
+    "html-webpack-plugin": "^3.2.0",
+    "node-sass": "^4.9.0",
+    "react-svg-loader": "^2.1.0",
+    "sass-loader": "^7.0.3",
+    "style-loader": "^0.21.0",
+    "uglifyjs-webpack-plugin": "^1.2.5",
+    "webextension-polyfill": "^0.3.1",
+    "webpack": "^4.10.2",
+    "webpack-cli": "^3.0.1",
+    "zip-webpack-plugin": "^3.0.0"
+  },
+  "scripts": {
+    "watch-dev": "webpack --config webpack.config.dev.js --watch",
+    "build": "webpack --config webpack.config.dist.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sienori/simple-translate.git"
+  },
+  "author": "Sienori",
+  "license": "MPL-2.0",
+  "description": "A simple and powerful WebExtensions for translating pages and text.",
+  "bugs": {
+    "url": "https://github.com/sienori/simple-translate/issues"
+  },
+  "homepage": "https://github.com/sienori/simple-translate#readme",
+  "main": ".src/manifest.json",
+  "keywords": [
+    "webextensions",
+    "firefox",
+    "chrome"
+  ]
+}

src/manifest-chrome.json

@@ -0,0 +1,50 @@
+{
+  "manifest_version": 2,
+  "version": "1.9.1",
+
+  "name": "__MSG_extName__",
+  "description": "__MSG_extDescription__",
+  "default_locale": "en",
+
+  "permissions": ["<all_urls>", "storage", "contextMenus"],
+
+  "options_ui": {
+    "page": "options/index.html",
+    "open_in_tab": true
+  },
+
+  "icons": {
+    "512": "icons/512.png",
+    "128": "icons/128.png",
+    "64": "icons/64.png",
+    "48": "icons/48.png",
+    "32": "icons/32.png"
+  },
+
+  "background": {
+    "scripts": ["background/background.js"]
+  },
+
+  "browser_action": {
+    "default_icon": {
+      "512": "icons/512.png",
+      "128": "icons/128.png",
+      "64": "icons/64.png",
+      "48": "icons/48.png",
+      "38": "icons/38.png",
+      "32": "icons/32.png",
+      "19": "icons/19.png",
+      "16": "icons/16.png"
+    },
+    "default_popup": "popup/index.html"
+  },
+
+  "content_scripts": [
+    {
+      "all_frames": true,
+      "matches": ["http://*/*", "https://*/*", "<all_urls>"],
+      "css": ["content/simple-translate.css"],
+      "js": ["content/simple-translate.js"]
+    }
+  ]
+}

src/manifest-firefox.json

@@ -1,56 +1,56 @@
-{
-  "manifest_version": 2,
-  "version": "1.9.1",
-
-  "name": "__MSG_extName__",
-  "description": "__MSG_extDescription__",
-  "default_locale": "en",
-
-  "applications": {
-    "gecko": {
-      "id": "simple-translate@sienori"
-    }
-  },
-
-  "permissions": ["<all_urls>", "storage", "contextMenus"],
-
-  "options_ui": {
-    "page": "options/options.html",
-    "open_in_tab": true
-  },
-
-  "icons": {
-    "512": "icons/512.png",
-    "128": "icons/128.png",
-    "64": "icons/64.png",
-    "48": "icons/48.png",
-    "32": "icons/32.png"
-  },
-
-  "background": {
-    "scripts": ["Settings.js", "background.js"]
-  },
-
-  "browser_action": {
-    "default_icon": {
-      "512": "icons/512.png",
-      "128": "icons/128.png",
-      "64": "icons/64.png",
-      "48": "icons/48.png",
-      "38": "icons/38.png",
-      "32": "icons/32.png",
-      "19": "icons/19.png",
-      "16": "icons/16.png"
-    },
-    "default_popup": "popup/popup.html"
-  },
-
-  "content_scripts": [
-    {
-      "all_frames": true,
-      "matches": ["http://*/*", "https://*/*", "<all_urls>"],
-      "css": ["simple-translate.css"],
-      "js": ["Settings.js", "translate.js", "simple-translate.js"]
-    }
-  ]
-}
+{
+  "manifest_version": 2,
+  "version": "1.9.1",
+
+  "name": "__MSG_extName__",
+  "description": "__MSG_extDescription__",
+  "default_locale": "en",
+
+  "applications": {
+    "gecko": {
+      "id": "simple-translate@sienori"
+    }
+  },
+
+  "permissions": ["<all_urls>", "storage", "contextMenus"],
+
+  "options_ui": {
+    "page": "options/index.html",
+    "open_in_tab": true
+  },
+
+  "icons": {
+    "512": "icons/512.png",
+    "128": "icons/128.png",
+    "64": "icons/64.png",
+    "48": "icons/48.png",
+    "32": "icons/32.png"
+  },
+
+  "background": {
+    "scripts": ["background/background.js"]
+  },
+
+  "browser_action": {
+    "default_icon": {
+      "512": "icons/512.png",
+      "128": "icons/128.png",
+      "64": "icons/64.png",
+      "48": "icons/48.png",
+      "38": "icons/38.png",
+      "32": "icons/32.png",
+      "19": "icons/19.png",
+      "16": "icons/16.png"
+    },
+    "default_popup": "popup/index.html"
+  },
+
+  "content_scripts": [
+    {
+      "all_frames": true,
+      "matches": ["http://*/*", "https://*/*", "<all_urls>"],
+      "css": ["content/simple-translate.css"],
+      "js": ["content/simple-translate.js"]
+    }
+  ]
+}

webpack.config.dev.js

@@ -0,0 +1,108 @@
+/* Copyright (c) 2018 Kamil Mikosz 
+ * Released under the MIT license.
+ * see https://opensource.org/licenses/MIT */
+
+const {
+  getHTMLPlugins,
+  getOutput,
+  getCopyPlugins,
+  getFirefoxCopyPlugins,
+  getEntry
+} = require("./webpack.utils");
+const path = require("path");
+const config = require("./config.json");
+
+const generalConfig = {
+  mode: "development",
+  devtool: "source-map",
+  resolve: {
+    alias: {
+      src: path.resolve(__dirname, "src/")
+    }
+  },
+  module: {
+    rules: [
+      {
+        loader: "babel-loader",
+        exclude: /node_modules/,
+        test: /\.(js|jsx)$/,
+        query: {
+          presets: [
+            [
+              "@babel/preset-env",
+              {
+                targets: {
+                  firefox: 57
+                }
+              }
+            ],
+            "@babel/preset-react"
+          ],
+          plugins: ["transform-class-properties"]
+        },
+        resolve: {
+          extensions: [".js", ".jsx"]
+        }
+      },
+      {
+        test: /\.scss$/,
+        use: [
+          {
+            loader: "style-loader"
+          },
+          {
+            loader: "css-loader"
+          },
+          {
+            loader: "sass-loader"
+          }
+        ]
+      },
+      {
+        test: /\.svg$/,
+        use: [
+          "babel-loader",
+          {
+            loader: "react-svg-loader",
+            options: {
+              svgo: {
+                plugins: [{ removeTitle: false }],
+                floatPrecision: 2
+              }
+            }
+          }
+        ]
+      }
+    ]
+  }
+};
+
+module.exports = [
+  {
+    ...generalConfig,
+    entry: getEntry(config.chromePath),
+    output: getOutput("chrome", config.devDirectory),
+    plugins: [
+      ...getHTMLPlugins("chrome", config.devDirectory, config.chromePath),
+      ...getCopyPlugins("chrome", config.devDirectory, config.chromePath)
+    ]
+  },
+  {
+    ...generalConfig,
+    entry: getEntry(config.operaPath),
+    output: getOutput("opera", config.devDirectory),
+    plugins: [
+      ...getHTMLPlugins("opera", config.devDirectory, config.operaPath),
+      ...getCopyPlugins("opera", config.devDirectory, config.operaPath)
+    ]
+  },
+  {
+    ...generalConfig,
+    entry: getEntry(config.firefoxPath),
+    output: getOutput("firefox", config.devDirectory),
+    plugins: [
+      ...getFirefoxCopyPlugins("firefox", config.devDirectory, config.firefoxPath),
+      ...getHTMLPlugins("firefox", config.devDirectory, config.firefoxPath)
+    ]
+  }
+];

webpack.config.dist.js

@@ -0,0 +1,171 @@
+/* Copyright (c) 2018 Kamil Mikosz
+ * Copyright (c) 2019 Sienori
+ * Released under the MIT license.
+ * see https://opensource.org/licenses/MIT */
+
+const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
+const CopyWebpackPlugin = require("copy-webpack-plugin");
+const {
+  getHTMLPlugins,
+  getOutput,
+  getCopyPlugins,
+  getZipPlugin,
+  getFirefoxCopyPlugins,
+  getEntry
+} = require("./webpack.utils");
+const path = require("path");
+const config = require("./config.json");
+const CleanWebpackPlugin = require("clean-webpack-plugin");
+
+const extVersion = require("./src/manifest.json").version;
+const ffExtVersion = require("./src/manifest-ff.json").version;
+
+const generalConfig = {
+  mode: "production",
+  resolve: {
+    alias: {
+      src: path.resolve(__dirname, "src/")
+    }
+  },
+  module: {
+    rules: [
+      {
+        loader: "babel-loader",
+        exclude: /node_modules/,
+        test: /\.(js|jsx)$/,
+        query: {
+          presets: [
+            [
+              "@babel/preset-env",
+              {
+                targets: {
+                  firefox: 57
+                }
+              }
+            ],
+            "@babel/preset-react"
+          ],
+          plugins: ["transform-class-properties"]
+        },
+        resolve: {
+          extensions: [".js", ".jsx"]
+        }
+      },
+      {
+        test: /\.scss$/,
+        use: [
+          {
+            loader: "style-loader"
+          },
+          {
+            loader: "css-loader"
+          },
+          {
+            loader: "sass-loader"
+          }
+        ]
+      },
+      {
+        test: /\.svg$/,
+        use: [
+          "babel-loader",
+          {
+            loader: "react-svg-loader",
+            options: {
+              svgo: {
+                plugins: [{ removeTitle: false }],
+                floatPrecision: 2
+              }
+            }
+          }
+        ]
+      }
+    ]
+  }
+};
+
+module.exports = [
+  {
+    ...generalConfig,
+    output: getOutput("chrome", config.tempDirectory),
+    entry: getEntry(config.chromePath),
+    plugins: [
+      new CleanWebpackPlugin(["dist", "temp"]),
+      new UglifyJsPlugin(),
+      ...getHTMLPlugins("chrome", config.tempDirectory, config.chromePath),
+      ...getCopyPlugins("chrome", config.tempDirectory, config.chromePath),
+      getZipPlugin(`${config.extName}-for-chrome-${extVersion}`, config.distDirectory)
+    ]
+  },
+  {
+    ...generalConfig,
+    output: getOutput("opera", config.tempDirectory),
+    entry: getEntry(config.operaPath),
+    plugins: [
+      new CleanWebpackPlugin(["dist", "temp"]),
+      new UglifyJsPlugin(),
+      ...getHTMLPlugins("opera", config.tempDirectory, config.operaPath),
+      ...getCopyPlugins("opera", config.tempDirectory, config.operaPath),
+      getZipPlugin(`${config.extName}-for-opera-${extVersion}`, config.distDirectory)
+    ]
+  },
+  {
+    ...generalConfig,
+    entry: getEntry(config.firefoxPath),
+    output: getOutput("firefox", config.tempDirectory),
+    plugins: [
+      new CleanWebpackPlugin(["dist", "temp"]),
+      new UglifyJsPlugin(),
+      ...getHTMLPlugins("firefox", config.tempDirectory, config.firefoxPath),
+      ...getFirefoxCopyPlugins("firefox", config.tempDirectory, config.firefoxPath),
+      getZipPlugin(`${config.extName}-for-firefox-${ffExtVersion}`, config.distDirectory)
+    ]
+  },
+  {
+    mode: "production",
+    resolve: {
+      alias: {
+        src: path.resolve(__dirname, "src/")
+      }
+    },
+    entry: { other: path.resolve(__dirname, `src/replaced/replaced.js`) },
+    output: getOutput("copiedSource", config.tempDirectory),
+    plugins: [
+      new CopyWebpackPlugin([
+        {
+          from: `src`,
+          to: path.resolve(__dirname, `${config.tempDirectory}/copiedSource/src/`)
+        },
+        {
+          from: `config.json`,
+          to: path.resolve(__dirname, `${config.tempDirectory}/copiedSource/config.json`)
+        },
+        {
+          from: `LICENSE`,
+          to: path.resolve(__dirname, `${config.tempDirectory}/copiedSource/LICENSE`)
+        },
+        {
+          from: `package.json`,
+          to: path.resolve(__dirname, `${config.tempDirectory}/copiedSource/package.json`)
+        },
+        {
+          from: `README.md`,
+          to: path.resolve(__dirname, `${config.tempDirectory}/copiedSource/README.md`)
+        },
+        {
+          from: `webpack.config.dev.js`,
+          to: path.resolve(__dirname, `${config.tempDirectory}/copiedSource/webpack.config.dev.js`)
+        },
+        {
+          from: `webpack.config.dist.js`,
+          to: path.resolve(__dirname, `${config.tempDirectory}/copiedSource/webpack.config.dist.js`)
+        },
+        {
+          from: `webpack.utils.js`,
+          to: path.resolve(__dirname, `${config.tempDirectory}/copiedSource/webpack.utils.js`)
+        }
+      ]),
+      getZipPlugin(`copiedSource-${config.extName}-${ffExtVersion}`, config.distDirectory)
+    ]
+  }
+];

webpack.utils.js

@@ -0,0 +1,107 @@
+/* Copyright (c) 2018 Kamil Mikosz
+ * Copyright (c) 2019 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"]
+  })
+];
+
+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`),
+    content: path.resolve(__dirname, `${sourceDir}/content/simple-translate.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}/content/simple-translate.css`,
+      to: path.resolve(__dirname, `${outputDir}/${browserDir}/content/simple-translate.css`)
+    },
+    {
+      from: `${sourceDir}/manifest-chrome.json`,
+      to: path.resolve(__dirname, `${outputDir}/${browserDir}/manifest.json`)
+    }
+  ])
+];
+
+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}/content/simple-translate.css`,
+      to: path.resolve(__dirname, `${outputDir}/${browserDir}/content/simple-translate.css`)
+    },
+    {
+      from: `${sourceDir}/manifest-firefox.json`,
+      to: path.resolve(__dirname, `${outputDir}/${browserDir}/manifest.json`)
+    }
+  ])
+];
+
+const getZipPlugin = (browserDir, outputDir = "dist") =>
+  new ZipPlugin({
+    path: path.resolve(__dirname, `${outputDir}`),
+    filename: browserDir,
+    extension: "zip",
+    fileOptions: {
+      mtime: new Date(),
+      mode: 0o100664,
+      compress: true,
+      forceZip64Format: false
+    },
+    zipOptions: {
+      forceZip64Format: false
+    }
+  });
+
+module.exports = {
+  getHTMLPlugins,
+  getOutput,
+  getCopyPlugins,
+  getFirefoxCopyPlugins,
+  getZipPlugin,
+  getEntry
+};