blob: c8c3fcc16e654a724a3ecbb2a772f262d01ec92b [file] [log] [blame]
const webpack = require('webpack');
const path = require('path');
const json5 = require('json5');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const {VueLoaderPlugin} = require('vue-loader');
const WebpackShellPluginNext = require('webpack-shell-plugin-next');
// Pontoon uses their own locale set. This array lets us convert those locales
// to the ones accepted by Chrome, Firefox, etc.
const localeOverrides = [
{
pontoonLocale: 'pt-rBR',
webExtLocale: 'pt_BR',
},
{
pontoonLocale: 'pt-rBR',
webExtLocale: 'pt_PT',
},
];
const getCopyPluginsForOverridenLocales = outputPath => {
return localeOverrides.map(l => {
return new CopyWebpackPlugin({
patterns: [
{
from: path.join(__dirname, 'src/static/_locales/' + l.pontoonLocale),
to: path.join(outputPath, '_locales/' + l.webExtLocale),
globOptions: {
ignore: ['**/OWNERS', '**.md'],
}
},
]
});
});
};
module.exports = (env, args) => {
let entry = {
// Content scripts
communityConsoleMain: './src/contentScripts/communityConsole/main.js',
communityConsoleStart: './src/contentScripts/communityConsole/start.js',
publicForum: './src/contentScripts/publicForum.js',
publicThread: './src/contentScripts/publicThread.js',
profile: './src/contentScripts/profile.js',
profileIndicator: './src/contentScripts/profileIndicator.js',
// Injected JS
profileIndicatorInject: './src/injections/profileIndicator.js',
batchLockInject: './src/injections/batchLock.js',
xhrInterceptorInject: './src/injections/xhrInterceptor.js',
extraInfoInject: './src/injections/extraInfo.js',
// Options page
optionsCommon: './src/options/optionsCommon.js',
// Common CSS
mdcStyles: './src/mdc/index.js',
};
// Background script (or service worker for MV3)
entry.bg = './src/bg.js';
let outputPath = path.join(__dirname, 'dist', env.browser_target);
let overridenLocalePaths =
localeOverrides.map(l => '**/_locales/' + l.pontoonLocale);
let preprocessorLoader = {
loader: 'webpack-preprocessor-loader',
options: {
params: {
browser_target: env.browser_target,
production: args.mode == 'production',
canary: !!env.canary
},
},
};
return {
entry,
output: {
filename: '[name].bundle.js',
path: outputPath,
clean: true,
},
plugins: [
new WebpackShellPluginNext({
onBuildEnd: {
scripts:
['genmanifest -template templates/manifest.gjson -dest ' +
path.join(outputPath, 'manifest.json') + ' ' +
env.browser_target]
}
}),
new CopyWebpackPlugin({
patterns: [
{
from: path.join(
__dirname, 'src/icons', env.canary ? 'canary' : 'regular'),
to: path.join(outputPath, 'icons'),
},
]
}),
new CopyWebpackPlugin({
patterns: [
{
from: path.join(__dirname, 'src/static'),
to: outputPath,
globOptions: {
ignore: ['**/OWNERS', '**.md', ...overridenLocalePaths],
}
},
]
}),
new VueLoaderPlugin(),
new webpack.DefinePlugin({
'PRODUCTION': args.mode == 'production',
'__VUE_OPTIONS_API__': true,
'__VUE_PROD_DEVTOOLS__': args.mode != 'production',
}),
...getCopyPluginsForOverridenLocales(outputPath),
],
// NOTE: Change to
// (args.mode == 'production' ? 'source-map' : 'inline-source-map')
// once https://crbug.com/212374 is fixed.
devtool: 'inline-source-map',
module: {
rules: [
{
test: /\.json5$/i,
type: 'json',
parser: {
parse: json5.parse,
},
use: [
preprocessorLoader,
],
},
{
test: /\.s[ac]ss$/i,
use: [
'vue-style-loader',
'css-loader',
{
loader: 'sass-loader',
options: {
// Prefer `dart-sass`
implementation: require('sass'),
},
},
],
},
{
test: /\.css$/i,
use: [
'vue-style-loader',
'css-loader',
],
},
{
test: /\.js$/i,
use: [
preprocessorLoader,
],
},
{
test: /\.vue$/i,
loader: 'vue-loader',
},
]
},
};
};