Simplify webpack config

Change-type: patch
This commit is contained in:
Alexis Svinartchouk 2019-10-16 17:59:03 +02:00
parent 707c20513e
commit 4f36b00ec3
4 changed files with 23 additions and 80 deletions

View File

@ -19,6 +19,7 @@
"nodeGypRebuild": true,
"files": [
"generated",
"lib/shared/catalina-sudo/sudo-askpass.osascript.js",
"lib/gui/app/index.html",
"lib/gui/css/*.css",
"lib/gui/css/fonts/*.woff2",

View File

@ -6,6 +6,7 @@ nodeGypRebuild: true
publish: null
files:
- generated
- lib/shared/catalina-sudo/sudo-askpass.osascript.js
- lib/gui/app/index.html
- lib/gui/css/*.css
- lib/gui/css/fonts/*.woff2

View File

@ -1,7 +1,7 @@
'use strict'
const { execFile } = require('child_process')
const { env } = require('process')
const { env, resourcesPath } = require('process')
const { join } = require('path')
const { promisify } = require('util')
@ -19,7 +19,7 @@ exports.sudo = async (command) => {
encoding: 'utf8',
env: {
PATH: env.PATH,
SUDO_ASKPASS: join(__dirname, 'sudo-askpass.osascript.js')
SUDO_ASKPASS: join(resourcesPath, 'app', __dirname, 'sudo-askpass.osascript.js')
}
}
)

View File

@ -16,7 +16,6 @@
'use strict'
const _ = require('lodash')
const path = require('path')
const SimpleProgressWebpackPlugin = require('simple-progress-webpack-plugin')
const nodeExternals = require('webpack-node-externals')
@ -27,12 +26,11 @@ const commonConfig = {
// Minification breaks angular.
minimize: false
},
target: 'electron-main',
module: {
rules: [
{
test: /\.jsx?$/,
include: [ path.resolve(__dirname, 'lib/gui') ],
include: [ path.resolve(__dirname, 'lib', 'gui') ],
use: {
loader: 'babel-loader',
options: {
@ -47,15 +45,11 @@ const commonConfig = {
},
{
test: /\.html$/,
include: [ path.resolve(__dirname, 'lib/gui/app') ],
use: {
loader: 'html-loader'
}
use: 'html-loader'
},
{
test: /\.tsx?$/,
use: 'ts-loader',
exclude: /node_modules/
use: 'ts-loader'
}
]
},
@ -66,92 +60,39 @@ const commonConfig = {
new SimpleProgressWebpackPlugin({
format: process.env.WEBPACK_PROGRESS || 'verbose'
})
]
],
externals: [
nodeExternals()
],
output: {
path: path.join(__dirname, 'generated'),
filename: '[name].js'
}
}
const guiConfig = _.assign({
const guiConfig = {
...commonConfig,
target: 'electron-renderer',
node: {
__dirname: true,
__filename: true
},
externals: [
nodeExternals(),
(context, request, callback) => {
// eslint-disable-next-line lodash/prefer-lodash-method
const absoluteContext = path.resolve(context)
const absoluteNodeModules = path.resolve('node_modules')
// We shouldn't rewrite any node_modules import paths
// eslint-disable-next-line lodash/prefer-lodash-method
if (!path.relative(absoluteNodeModules, absoluteContext).startsWith('..')) {
return callback()
}
// We want to keep the SDK code outside the GUI bundle.
// This piece of code allows us to run the GUI directly
// on the tree (for testing purposes) or inside a generated
// bundle (for production purposes), by translating
// relative require paths within the bundle.
if (/\/(sdk|shared)/i.test(request) || /package\.json$/.test(request)) {
const output = path.join(__dirname, 'generated')
const dirname = path.join(context, request)
const relative = path.relative(output, dirname)
return callback(null, `commonjs ${path.join('..', '..', relative)}`)
}
return callback()
}
],
entry: {
gui: path.join(__dirname, 'lib', 'gui', 'app', 'app.js')
},
output: {
path: path.join(__dirname, 'generated'),
filename: '[name].js'
}
}, commonConfig)
}
const etcherConfig = _.assign({
const etcherConfig = {
...commonConfig,
target: 'electron-main',
node: {
__dirname: false,
__filename: true
},
externals: [
nodeExternals(),
(context, request, callback) => {
// eslint-disable-next-line lodash/prefer-lodash-method
const absoluteContext = path.resolve(context)
const absoluteNodeModules = path.resolve('node_modules')
// We shouldn't rewrite any node_modules import paths
// eslint-disable-next-line lodash/prefer-lodash-method
if (!path.relative(absoluteNodeModules, absoluteContext).startsWith('..')) {
return callback()
}
// We want to keep the SDK code outside the GUI bundle.
// This piece of code allows us to run the GUI directly
// on the tree (for testing purposes) or inside a generated
// bundle (for production purposes), by translating
// relative require paths within the bundle.
if (/\/shared/i.test(request) || /package\.json$/.test(request)) {
const output = path.join(__dirname, 'generated')
const dirname = path.join(context, request)
const relative = path.relative(output, dirname)
return callback(null, `commonjs ${path.join('..', 'lib', relative)}`)
}
return callback()
}
],
entry: {
etcher: path.join(__dirname, 'lib', 'start.js')
},
output: {
path: path.join(__dirname, 'generated'),
filename: '[name].js'
}
}, commonConfig)
}
module.exports = [
guiConfig,