90 lines
2.8 KiB
JavaScript
90 lines
2.8 KiB
JavaScript
const webpack = require('webpack')
|
|
const path = require('path')
|
|
const fs = require('fs')
|
|
const pkg = require('./package.json')
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin')
|
|
const CopyWebpackPlugin = require('copy-webpack-plugin')
|
|
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
|
|
const { GenerateSW } = require('workbox-webpack-plugin')
|
|
|
|
const destination = path.join(__dirname, 'dist')
|
|
const isFirebaseEnv = process.env.NODE_APP === 'firebase'
|
|
const firebaseConfigFilePath = path.join(__dirname, '.firebaserc')
|
|
const hasFirebaseConfig = fs.existsSync(firebaseConfigFilePath)
|
|
|
|
const isDev = process.env.NODE_ENV === 'development'
|
|
console.log(`Detected dev mode? ${isDev}`)
|
|
|
|
if (isFirebaseEnv && hasFirebaseConfig) {
|
|
console.info('Prepare build for Firebase hosting')
|
|
}
|
|
|
|
module.exports = {
|
|
entry: path.join(__dirname, 'lib', 'frontend', 'index.js'),
|
|
output: {
|
|
filename: '[name].[fullhash].js',
|
|
path: destination,
|
|
},
|
|
resolve: {
|
|
alias: {
|
|
svelte: path.resolve('node_modules', 'svelte'),
|
|
},
|
|
extensions: [ '.mjs', '.js', '.svelte' ],
|
|
mainFields: [ 'svelte', 'browser', 'module', 'main' ],
|
|
fallback: {
|
|
util: require.resolve('util/'),
|
|
stream: require.resolve('stream-browserify'),
|
|
path: require.resolve('path-browserify'),
|
|
},
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.(svelte)$/,
|
|
exclude: /node_modules/,
|
|
use: {
|
|
loader: 'svelte-loader',
|
|
options: {
|
|
emitCss: false,
|
|
hotReload: isDev,
|
|
dev: isDev,
|
|
},
|
|
},
|
|
},
|
|
{
|
|
test: /\.css$/,
|
|
use: [ MiniCssExtractPlugin.loader, 'css-loader' ],
|
|
},
|
|
],
|
|
},
|
|
plugins: [
|
|
new HtmlWebpackPlugin({
|
|
template: path.join(__dirname, 'lib', 'static', 'index.html'),
|
|
version: pkg.version,
|
|
}),
|
|
new webpack.ProvidePlugin({ Buffer: ['buffer', 'Buffer'] }),
|
|
new webpack.DefinePlugin({
|
|
'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
|
|
'process.env.NODE_DEBUG': JSON.stringify(process.env.NODE_DEBUG),
|
|
}),
|
|
new CopyWebpackPlugin({
|
|
patterns: [
|
|
{ from: path.join(__dirname, 'lib', 'static', 'favicon.ico'), to: destination },
|
|
{ from: path.join(__dirname, 'lib', 'static', 'manifest.json'), to: destination },
|
|
{ from: path.join(__dirname, 'lib', 'static', 'style.css'), to: destination },
|
|
{ from: path.join(__dirname, 'lib', 'static', 'icon-180.png'), to: destination },
|
|
{ from: path.join(__dirname, 'lib', 'static', 'icon-192.png'), to: destination },
|
|
{ from: path.join(__dirname, 'lib', 'static', 'icon-512.png'), to: destination },
|
|
],
|
|
}),
|
|
new MiniCssExtractPlugin({
|
|
filename: '[name].[fullhash].css',
|
|
}),
|
|
new GenerateSW({
|
|
swDest: 'sw.js',
|
|
clientsClaim: true,
|
|
skipWaiting: true,
|
|
})
|
|
],
|
|
}
|