simple-translate/webpack.config.dev.js

114 lines
2.7 KiB
JavaScript
Raw Normal View History

2019-02-21 16:43:45 +00:00
/* Copyright (c) 2018 Kamil Mikosz
* Copyright (c) 2019 Sienori
2019-02-20 08:10:03 +00:00
* 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");
2019-02-20 08:10:03 +00:00
const generalConfig = {
mode: "development",
devtool: "source-map",
resolve: {
alias: {
2019-03-21 10:38:08 +00:00
src: path.resolve(__dirname, "src/"),
"webextension-polyfill": "webextension-polyfill/dist/browser-polyfill.min.js"
2019-02-20 08:10:03 +00:00
}
},
module: {
rules: [
{
loader: "babel-loader",
exclude: /node_modules/,
test: /\.(js|jsx)$/,
resolve: {
extensions: [".js", ".jsx"]
}
},
{
test: /\.(scss|css)$/,
exclude: [path.resolve(__dirname, "src", "content")],
2019-02-20 08:10:03 +00:00
use: [
{
loader: "style-loader"
},
{
loader: "css-loader"
},
{
loader: "sass-loader"
}
]
},
{
test: /\.(scss|css)$/,
include: [path.resolve(__dirname, "src", "content")],
use: [
MiniCssExtractPlugin.loader,
{
loader: "css-loader"
},
{
loader: "sass-loader"
}
]
},
2019-02-20 08:10:03 +00:00
{
test: /\.svg$/,
use: [
"babel-loader",
{
loader: "react-svg-loader",
options: {
svgo: {
plugins: [{ removeTitle: false }],
floatPrecision: 2
}
}
}
]
}
]
}
};
2019-03-21 10:41:28 +00:00
const BundleAnalyzerPlugin = require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
2019-02-20 08:10:03 +00:00
module.exports = [
{
...generalConfig,
entry: getEntry(config.chromePath),
output: getOutput("chrome", config.devDirectory),
plugins: [
new MiniCssExtractPlugin({
filename: "[name]/[name].css"
}),
2019-02-20 08:10:03 +00:00
...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"
}),
2019-02-20 08:10:03 +00:00
...getFirefoxCopyPlugins("firefox", config.devDirectory, config.firefoxPath),
2019-03-21 10:41:28 +00:00
...getHTMLPlugins("firefox", config.devDirectory, config.firefoxPath),
new BundleAnalyzerPlugin({
openAnalyzer: false,
analyzerHost: "127.0.0.1",
analyzerPort: 8888
})
2019-02-20 08:10:03 +00:00
]
}
];