simple-translate/webpack.config.dev.js
2021-05-30 18:52:52 +09:00

98 lines
2.4 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,
getMiniCssExtractPlugin
} = 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)$/,
resolve: {
extensions: [".js", ".jsx"]
}
},
{
test: /\.(scss|css)$/,
use: [
MiniCssExtractPlugin.loader,
{
loader: "css-loader",
options: {
esModule: false
}
},
{
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: [
...getMiniCssExtractPlugin(),
...getHTMLPlugins("chrome", config.devDirectory, config.chromePath),
...getCopyPlugins("chrome", config.devDirectory, config.chromePath)
]
},
{
...generalConfig,
entry: getEntry(config.firefoxPath),
output: getOutput("firefox", config.devDirectory),
plugins: [
...getMiniCssExtractPlugin(),
...getFirefoxCopyPlugins("firefox", config.devDirectory, config.firefoxPath),
...getHTMLPlugins("firefox", config.devDirectory, config.firefoxPath),
new BundleAnalyzerPlugin({
openAnalyzer: false,
analyzerHost: "127.0.0.1",
analyzerPort: 8888
})
]
}
];