forked from jacobg/cordova-plugin-qrscanner
-
Notifications
You must be signed in to change notification settings - Fork 3
/
webpack.config.js
157 lines (153 loc) · 4.99 KB
/
webpack.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
const fs = require("fs")
const path = require("path")
const { Compilation, DefinePlugin, sources } = require("webpack")
const ESLintPlugin = require('eslint-webpack-plugin')
// We need to prepend cordova-remap.js to the scripts that will be loaded by cordova.
// https://stackoverflow.com/a/65529189/1237919
class PrependCordovaRemap {
apply(compiler) {
compiler.hooks.thisCompilation.tap("PrependCordovaRemap", (compilation) => {
compilation.hooks.processAssets.tap(
{
name: "PrependCordovaRemap",
stage: Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE,
},
assets => {
const remap = fs.readFileSync('src/common/src/cordova-remap.js', 'utf-8')
Object.entries(assets).forEach(([pathname, source]) => {
// Don't prepend to worker.min.js.
if (pathname.endsWith('worker.min.js')) return
const file = compilation.getAsset(pathname)
compilation.updateAsset(
pathname,
new sources.RawSource(remap + file.source.source())
)
})
}
)
})
}
}
// Note that both webpack configurations below will output worker.min.js,
// each one to a different directory adjacent to the asset that uses it.
module.exports = [
{
name: "cordova",
mode: "production",
entry: {
plugin: path.join(__dirname, "./src/browser/src/cordova-plugin.js"),
www: path.join(__dirname, "./src/common/src/cordova-www.js"),
},
output: {
// Use filename function to send scripts to different directories.
filename: pathData => {
let relativePath = './'
if (pathData.chunk.name === 'plugin') {
relativePath = '../src/browser'
} else if (pathData.chunk.name === 'www') {
relativePath = '../www'
}
return `${relativePath}/[name].min.js`
},
// Empirically, webpack only derives a non-initial chunk's filename from the filename
// configuration when it's a string. If filename is a function, it does not
// use that function for non-initial chunks. In such a case, the following chunkFilename
// configuration must be defined in order to override the default.
// In this configuration, chunkFilename is used to name worker.min.js and place it next to
// the plugin.
chunkFilename: pathData => {
let relativePath = './'
if (pathData.chunk.name === 'worker') {
relativePath = '../src/browser'
}
return `${relativePath}/[name].min.js`
}
},
module: {
rules: [
{
test: /\.m?js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
}
]
},
externals: {
"webpack/cordova": "cordova",
"webpack/cordova/require": "cordovaRequire",
"webpack/cordova/exports": "cordovaExports",
"webpack/cordova/module": "cordovaModule",
},
optimization: {
mangleExports: false,
minimize: false,
// Disable all chunk splitting.
// Note that worker module will always be split, but its dependencies will be inline.
splitChunks: {
cacheGroups: {
default: false,
defaultVendors: false
}
}
},
plugins: [
new DefinePlugin({
// See comment in createQRScannerInternal.js:initialize why we do this.
'process.env.WORKER_PUBLIC_PATH': JSON.stringify('/plugins/cordova-plugin-qrscanner/src/')
}),
new ESLintPlugin({}),
new PrependCordovaRemap()
],
performance: {
// Silence warning about worker.min.js being too big.
// We intentionally bundle its vendor modules in it.
maxAssetSize: 300000
}
},
{
// The library tests are run via 'npm run test:library'.
name: "library-tests",
mode: "production",
devtool: "source-map",
entry: {
'cordova-plugin-qrscanner-lib': path.join(__dirname, "./src/browser/src/library.js"),
},
output: {
filename: "[name].min.js",
library: "QRScanner",
libraryTarget: "umd",
umdNamedDefine: true,
},
// It's not necessary to use Babel to transpile, because the library tests
// are only used on desktop during development.
optimization: {
mangleExports: false,
minimize: false,
// Disable all chunk splitting.
// Note that worker module will always be split, but its dependencies will be inline.
splitChunks: {
cacheGroups: {
default: false,
defaultVendors: false
}
}
},
plugins: [
new DefinePlugin({
// Public path does not need to be overwritten for the simpler library test.
'process.env.WORKER_PUBLIC_PATH': 'null'
}),
new ESLintPlugin({})
],
performance: {
// Silence warning about worker.min.js being too big.
// We intentionally bundle its vendor modules in it.
maxAssetSize: 300000
}
}
];