Goyslop/web-extension-starter
Template
1
0
Fork 0
mirror of https://github.com/abhijithvijayan/web-extension-starter.git synced 2026-03-20 01:37:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add manifestDefaults for version

Browse Source 
Also formatted by prettier.
This commit is contained in:
Basix 2020-01-22 00:32:12 +09:00
parent 2866b4632a
commit 062c27502f
1 changed files with 130 additions and 122 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

252
webpack.config.js
View File

@ -1,137 +1,145 @@
const path = require('path');
const webpack = require('webpack');
const ZipPlugin = require('zip-webpack-plugin');
const TerserPlugin = require('terser-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const FixStyleOnlyEntriesPlugin = require('webpack-fix-style-only-entries');
const WebextensionPlugin = require('webpack-webextension-plugin');
const path = require("path");
const webpack = require("webpack");
const ZipPlugin = require("zip-webpack-plugin");
const TerserPlugin = require("terser-webpack-plugin");
const CopyWebpackPlugin = require("copy-webpack-plugin");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const FixStyleOnlyEntriesPlugin = require("webpack-fix-style-only-entries");
const WebextensionPlugin = require("webpack-webextension-plugin");
const pkg = require("./package.json");
const targetBrowser = process.env.TARGET_BROWSER;
const getExtensionFileType = browser => {
if (browser === 'opera') {
return 'crx';
}
if (browser === 'firefox') {
return 'xpi';
}
return 'zip';
if (browser === "opera") {
return "crx";
}
if (browser === "firefox") {
return "xpi";
}
return "zip";
};
module.exports = {
mode: process.env.NODE_ENV === 'production' ? 'production' : 'development',
context: path.resolve(__dirname, 'src'),
entry: {
background: './scripts/background.js',
contentScript: './scripts/contentScript.js',
popup: './scripts/popup.js',
options: './scripts/options.js',
styles: ['./styles/popup.scss', './styles/options.scss'],
},
mode: process.env.NODE_ENV === "production" ? "production" : "development",
context: path.resolve(__dirname, "src"),
entry: {
background: "./scripts/background.js",
contentScript: "./scripts/contentScript.js",
popup: "./scripts/popup.js",
options: "./scripts/options.js",
styles: ["./styles/popup.scss", "./styles/options.scss"]
},
output: {
filename: 'js/[name].bundle.js',
path: path.resolve(__dirname, 'extension', targetBrowser),
},
output: {
filename: "js/[name].bundle.js",
path: path.resolve(__dirname, "extension", targetBrowser)
},
plugins: [
new webpack.ProgressPlugin(),
new FixStyleOnlyEntriesPlugin({ silent: true }),
new webpack.EnvironmentPlugin(['NODE_ENV', 'TARGET_BROWSER']),
new CleanWebpackPlugin({
cleanOnceBeforeBuildPatterns: [
path.join(process.cwd(), `extension/${targetBrowser}`),
path.join(process.cwd(), `extension/${targetBrowser}.${getExtensionFileType(targetBrowser)}`),
],
cleanStaleWebpackAssets: false,
verbose: true,
}),
new HtmlWebpackPlugin({
template: 'options.html',
// inject: false,
chunks: ['options'],
filename: 'options.html',
}),
new HtmlWebpackPlugin({
template: 'popup.html',
// inject: false,
chunks: ['popup'],
filename: 'popup.html',
}),
new CopyWebpackPlugin([{ from: 'assets', to: 'assets' }]),
new WebextensionPlugin({ vendor: targetBrowser }),
],
plugins: [
new webpack.ProgressPlugin(),
new FixStyleOnlyEntriesPlugin({ silent: true }),
new webpack.EnvironmentPlugin(["NODE_ENV", "TARGET_BROWSER"]),
new CleanWebpackPlugin({
cleanOnceBeforeBuildPatterns: [
path.join(process.cwd(), `extension/${targetBrowser}`),
path.join(
process.cwd(),
`extension/${targetBrowser}.${getExtensionFileType(targetBrowser)}`
)
],
cleanStaleWebpackAssets: false,
verbose: true
}),
new HtmlWebpackPlugin({
template: "options.html",
// inject: false,
chunks: ["options"],
filename: "options.html"
}),
new HtmlWebpackPlugin({
template: "popup.html",
// inject: false,
chunks: ["popup"],
filename: "popup.html"
}),
new CopyWebpackPlugin([{ from: "assets", to: "assets" }]),
new WebextensionPlugin({
vendor: targetBrowser,
manifestDefaults: { version: pkg.version }
})
],
module: {
rules: [
{
test: /.(js|jsx)$/,
include: [path.resolve(__dirname, 'scripts')],
loader: 'babel-loader',
module: {
rules: [
{
test: /.(js|jsx)$/,
include: [path.resolve(__dirname, "scripts")],
loader: "babel-loader",
options: {
plugins: ['syntax-dynamic-import'],
options: {
plugins: ["syntax-dynamic-import"],
presets: [
[
'@babel/preset-env',
{
modules: false,
},
],
],
},
},
{
test: /\.scss$/,
use: [
{
loader: 'file-loader',
options: {
name: '[name].css',
context: './styles/',
outputPath: 'css/',
},
},
'extract-loader',
{
loader: 'css-loader',
options: {
sourceMap: true,
},
},
{
loader: 'postcss-loader',
options: {
ident: 'postcss',
// eslint-disable-next-line global-require
plugins: [require('autoprefixer')()],
},
},
'resolve-url-loader',
'sass-loader',
],
},
],
},
presets: [
[
"@babel/preset-env",
{
modules: false
}
]
]
}
},
{
test: /\.scss$/,
use: [
{
loader: "file-loader",
options: {
name: "[name].css",
context: "./styles/",
outputPath: "css/"
}
},
"extract-loader",
{
loader: "css-loader",
options: {
sourceMap: true
}
},
{
loader: "postcss-loader",
options: {
ident: "postcss",
// eslint-disable-next-line global-require
plugins: [require("autoprefixer")()]
}
},
"resolve-url-loader",
"sass-loader"
]
}
]
},
optimization: {
minimizer: [
new TerserPlugin({
cache: true,
parallel: true,
}),
new ZipPlugin({
path: path.resolve(__dirname, 'extension'),
extension: `${getExtensionFileType(targetBrowser)}`,
filename: `${targetBrowser}`,
}),
],
},
optimization: {
minimizer: [
new TerserPlugin({
cache: true,
parallel: true
}),
new ZipPlugin({
path: path.resolve(__dirname, "extension"),
extension: `${getExtensionFileType(targetBrowser)}`,
filename: `${targetBrowser}`
})
]
},
devServer: {
contentBase: path.join(__dirname, 'extension'),
},
devServer: {
contentBase: path.join(__dirname, "extension")
}
};