128 lines
3 KiB
JavaScript
128 lines
3 KiB
JavaScript
/* Copyright (c) 2018 Kamil Mikosz
|
|
* Copyright (c) 2019 Sienori
|
|
* 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 MiniCssExtractPlugin = require("mini-css-extract-plugin");
|
|
|
|
const generalConfig = {
|
|
mode: "development",
|
|
devtool: "source-map",
|
|
resolve: {
|
|
alias: {
|
|
src: path.resolve(__dirname, "src/"),
|
|
"webextension-polyfill": "webextension-polyfill/dist/browser-polyfill.min.js"
|
|
}
|
|
},
|
|
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$/,
|
|
exclude: [path.resolve(__dirname, "src", "content")],
|
|
use: [
|
|
{
|
|
loader: "style-loader"
|
|
},
|
|
{
|
|
loader: "css-loader"
|
|
},
|
|
{
|
|
loader: "sass-loader"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
test: /\.scss$/,
|
|
include: [path.resolve(__dirname, "src", "content")],
|
|
use: [
|
|
MiniCssExtractPlugin.loader,
|
|
{
|
|
loader: "css-loader"
|
|
},
|
|
{
|
|
loader: "sass-loader"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
test: /\.svg$/,
|
|
use: [
|
|
"babel-loader",
|
|
{
|
|
loader: "react-svg-loader",
|
|
options: {
|
|
svgo: {
|
|
plugins: [{ removeTitle: false }],
|
|
floatPrecision: 2
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
};
|
|
const BundleAnalyzerPlugin = require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
|
|
module.exports = [
|
|
{
|
|
...generalConfig,
|
|
entry: getEntry(config.chromePath),
|
|
output: getOutput("chrome", config.devDirectory),
|
|
plugins: [
|
|
new MiniCssExtractPlugin({
|
|
filename: "[name]/[name].css"
|
|
}),
|
|
...getHTMLPlugins("chrome", config.devDirectory, config.chromePath),
|
|
...getCopyPlugins("chrome", config.devDirectory, config.chromePath)
|
|
]
|
|
},
|
|
{
|
|
...generalConfig,
|
|
entry: getEntry(config.firefoxPath),
|
|
output: getOutput("firefox", config.devDirectory),
|
|
plugins: [
|
|
new MiniCssExtractPlugin({
|
|
filename: "[name]/[name].css"
|
|
}),
|
|
...getFirefoxCopyPlugins("firefox", config.devDirectory, config.firefoxPath),
|
|
...getHTMLPlugins("firefox", config.devDirectory, config.firefoxPath),
|
|
new BundleAnalyzerPlugin({
|
|
openAnalyzer: false,
|
|
analyzerHost: "127.0.0.1",
|
|
analyzerPort: 8888
|
|
})
|
|
]
|
|
}
|
|
];
|