Adrià Vilanova Martínez | 413cb44 | 2021-09-06 00:30:45 +0200 | [diff] [blame] | 1 | const webpack = require('webpack'); |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 2 | const path = require('path'); |
| 3 | const json5 = require('json5'); |
| 4 | const CopyWebpackPlugin = require('copy-webpack-plugin'); |
Adrià Vilanova Martínez | 1e10d19 | 2021-12-31 16:01:13 +0100 | [diff] [blame] | 5 | const {VueLoaderPlugin} = require('vue-loader'); |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 6 | const WebpackShellPluginNext = require('webpack-shell-plugin-next'); |
| 7 | |
Adrià Vilanova Martínez | 43d0a7b | 2021-08-28 01:21:17 +0200 | [diff] [blame] | 8 | // Pontoon uses their own locale set. This array lets us convert those locales |
| 9 | // to the ones accepted by Chrome, Firefox, etc. |
| 10 | const localeOverrides = [ |
| 11 | { |
| 12 | pontoonLocale: 'pt-rBR', |
| 13 | webExtLocale: 'pt', // This way it targets both 'pt_BR' and 'pt_PT' |
| 14 | }, |
| 15 | ]; |
| 16 | |
| 17 | const getCopyPluginsForOverridenLocales = outputPath => { |
| 18 | return localeOverrides.map(l => { |
| 19 | return new CopyWebpackPlugin({ |
| 20 | patterns: [ |
| 21 | { |
| 22 | from: path.join(__dirname, 'src/static/_locales/' + l.pontoonLocale), |
| 23 | to: path.join(outputPath, '_locales/' + l.webExtLocale), |
| 24 | globOptions: { |
| 25 | ignore: ['**/OWNERS', '**.md'], |
| 26 | } |
| 27 | }, |
| 28 | ] |
| 29 | }); |
| 30 | }); |
| 31 | }; |
| 32 | |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 33 | module.exports = (env, args) => { |
| 34 | let entry = { |
| 35 | // Content scripts |
| 36 | communityConsoleMain: './src/contentScripts/communityConsole/main.js', |
| 37 | communityConsoleStart: './src/contentScripts/communityConsole/start.js', |
| 38 | publicForum: './src/contentScripts/publicForum.js', |
| 39 | publicThread: './src/contentScripts/publicThread.js', |
| 40 | profile: './src/contentScripts/profile.js', |
| 41 | profileIndicator: './src/contentScripts/profileIndicator.js', |
| 42 | |
| 43 | // Injected JS |
| 44 | profileIndicatorInject: './src/injections/profileIndicator.js', |
| 45 | batchLockInject: './src/injections/batchLock.js', |
Adrià Vilanova Martínez | 43ec2b9 | 2021-07-16 18:44:54 +0200 | [diff] [blame] | 46 | xhrInterceptorInject: './src/injections/xhrInterceptor.js', |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 47 | |
| 48 | // Options page |
Adrià Vilanova Martínez | 09f35be | 2021-09-06 19:50:09 +0200 | [diff] [blame] | 49 | optionsCommon: './src/options/optionsCommon.js', |
avm99963 | 2485a3e | 2021-09-08 22:18:38 +0200 | [diff] [blame] | 50 | |
| 51 | // Common CSS |
| 52 | mdcStyles: './src/mdc/index.js', |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 53 | }; |
| 54 | |
| 55 | // Background script (or service worker for MV3) |
Adrià Vilanova Martínez | 54fbad1 | 2022-01-04 03:39:04 +0100 | [diff] [blame] | 56 | entry.bg = './src/bg.js'; |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 57 | |
| 58 | let outputPath = path.join(__dirname, 'dist', env.browser_target); |
| 59 | |
Adrià Vilanova Martínez | 43d0a7b | 2021-08-28 01:21:17 +0200 | [diff] [blame] | 60 | let overridenLocalePaths = |
| 61 | localeOverrides.map(l => '**/_locales/' + l.pontoonLocale); |
| 62 | |
Adrià Vilanova Martínez | a4dd5fd | 2022-01-05 04:23:44 +0100 | [diff] [blame] | 63 | let preprocessorLoader = { |
| 64 | loader: 'webpack-preprocessor-loader', |
| 65 | options: { |
| 66 | params: { |
| 67 | browser_target: env.browser_target, |
| 68 | production: args.mode == 'production', |
Adrià Vilanova Martínez | 0335b51 | 2022-01-21 13:34:59 +0100 | [diff] [blame] | 69 | canary: !!env.canary |
Adrià Vilanova Martínez | a4dd5fd | 2022-01-05 04:23:44 +0100 | [diff] [blame] | 70 | }, |
| 71 | }, |
| 72 | }; |
| 73 | |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 74 | return { |
| 75 | entry, |
| 76 | output: { |
| 77 | filename: '[name].bundle.js', |
| 78 | path: outputPath, |
Adrià Vilanova Martínez | 85424b6 | 2021-07-11 21:52:00 +0200 | [diff] [blame] | 79 | clean: true, |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 80 | }, |
| 81 | plugins: [ |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 82 | new WebpackShellPluginNext({ |
| 83 | onBuildEnd: { |
| 84 | scripts: |
avm99963 | efce210 | 2021-03-23 23:23:26 +0100 | [diff] [blame] | 85 | ['genmanifest -template templates/manifest.gjson -dest ' + |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 86 | path.join(outputPath, 'manifest.json') + ' ' + |
| 87 | env.browser_target] |
| 88 | } |
| 89 | }), |
| 90 | new CopyWebpackPlugin({ |
| 91 | patterns: [ |
| 92 | { |
Adrià Vilanova Martínez | 9aa2931 | 2022-01-16 02:42:46 +0100 | [diff] [blame] | 93 | from: path.join( |
| 94 | __dirname, 'src/icons', env.canary ? 'canary' : 'regular'), |
| 95 | to: path.join(outputPath, 'icons'), |
| 96 | }, |
| 97 | ] |
| 98 | }), |
| 99 | new CopyWebpackPlugin({ |
| 100 | patterns: [ |
| 101 | { |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 102 | from: path.join(__dirname, 'src/static'), |
| 103 | to: outputPath, |
| 104 | globOptions: { |
Adrià Vilanova Martínez | 43d0a7b | 2021-08-28 01:21:17 +0200 | [diff] [blame] | 105 | ignore: ['**/OWNERS', '**.md', ...overridenLocalePaths], |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 106 | } |
| 107 | }, |
| 108 | ] |
| 109 | }), |
Adrià Vilanova Martínez | 1e10d19 | 2021-12-31 16:01:13 +0100 | [diff] [blame] | 110 | new VueLoaderPlugin(), |
Adrià Vilanova Martínez | 413cb44 | 2021-09-06 00:30:45 +0200 | [diff] [blame] | 111 | new webpack.DefinePlugin({ |
| 112 | 'PRODUCTION': args.mode == 'production', |
Adrià Vilanova Martínez | 1e10d19 | 2021-12-31 16:01:13 +0100 | [diff] [blame] | 113 | '__VUE_OPTIONS_API__': true, |
| 114 | '__VUE_PROD_DEVTOOLS__': args.mode != 'production', |
Adrià Vilanova Martínez | 413cb44 | 2021-09-06 00:30:45 +0200 | [diff] [blame] | 115 | }), |
Adrià Vilanova Martínez | 43d0a7b | 2021-08-28 01:21:17 +0200 | [diff] [blame] | 116 | ...getCopyPluginsForOverridenLocales(outputPath), |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 117 | ], |
| 118 | // NOTE: Change to |
| 119 | // (args.mode == 'production' ? 'source-map' : 'inline-source-map') |
| 120 | // once https://crbug.com/212374 is fixed. |
| 121 | devtool: 'inline-source-map', |
| 122 | module: { |
| 123 | rules: [ |
| 124 | { |
avm99963 | 2485a3e | 2021-09-08 22:18:38 +0200 | [diff] [blame] | 125 | test: /\.json5$/i, |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 126 | type: 'json', |
| 127 | parser: { |
| 128 | parse: json5.parse, |
| 129 | }, |
Adrià Vilanova Martínez | a4dd5fd | 2022-01-05 04:23:44 +0100 | [diff] [blame] | 130 | use: [ |
| 131 | preprocessorLoader, |
| 132 | ], |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 133 | }, |
avm99963 | 2485a3e | 2021-09-08 22:18:38 +0200 | [diff] [blame] | 134 | { |
| 135 | test: /\.s[ac]ss$/i, |
| 136 | use: [ |
Adrià Vilanova Martínez | 1e10d19 | 2021-12-31 16:01:13 +0100 | [diff] [blame] | 137 | 'vue-style-loader', |
avm99963 | 2485a3e | 2021-09-08 22:18:38 +0200 | [diff] [blame] | 138 | 'css-loader', |
| 139 | { |
| 140 | loader: 'sass-loader', |
| 141 | options: { |
| 142 | // Prefer `dart-sass` |
| 143 | implementation: require('sass'), |
| 144 | }, |
| 145 | }, |
| 146 | ], |
| 147 | }, |
Adrià Vilanova Martínez | 5120dbb | 2022-01-04 03:21:17 +0100 | [diff] [blame] | 148 | { |
Adrià Vilanova Martínez | 1e10d19 | 2021-12-31 16:01:13 +0100 | [diff] [blame] | 149 | test: /\.css$/i, |
| 150 | use: [ |
| 151 | 'vue-style-loader', |
| 152 | 'css-loader', |
| 153 | ], |
| 154 | }, |
| 155 | { |
Adrià Vilanova Martínez | 5120dbb | 2022-01-04 03:21:17 +0100 | [diff] [blame] | 156 | test: /\.js$/i, |
| 157 | use: [ |
Adrià Vilanova Martínez | a4dd5fd | 2022-01-05 04:23:44 +0100 | [diff] [blame] | 158 | preprocessorLoader, |
Adrià Vilanova Martínez | 5120dbb | 2022-01-04 03:21:17 +0100 | [diff] [blame] | 159 | ], |
| 160 | }, |
Adrià Vilanova Martínez | 1e10d19 | 2021-12-31 16:01:13 +0100 | [diff] [blame] | 161 | { |
| 162 | test: /\.vue$/i, |
| 163 | loader: 'vue-loader', |
| 164 | }, |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 165 | ] |
| 166 | }, |
| 167 | }; |
| 168 | }; |