93 lines
1.6 KiB
JavaScript
93 lines
1.6 KiB
JavaScript
|
/**
|
||
|
|
* webpack configuration
|
||
|
|
*/
|
||
|
|
|
||
|
|
const fs = require('fs');
|
||
|
|
const webpack = require('webpack');
|
||
|
|
|
||
|
|
// class WebpackOnBuildPlugin {
|
||
|
|
// constructor(readonly callback: (stats: any) => void) {
|
||
|
|
// }
|
||
|
|
|
||
|
|
// public apply(compiler: any) {
|
||
|
|
// compiler.hooks.done.tap('WebpackOnBuildPlugin', this.callback);
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
|
||
|
|
const isProduction = process.env.NODE_ENV === 'production';
|
||
|
|
|
||
|
|
const meta = require('./package.json');
|
||
|
|
|
||
|
|
module.exports = {
|
||
|
|
entry: {
|
||
|
|
fe: './src/frontend/init.tsx',
|
||
|
|
},
|
||
|
|
module: {
|
||
|
|
rules: [{
|
||
|
|
test: /\.(eot|woff|woff2|svg|ttf)([?]?.*)$/,
|
||
|
|
type: 'asset/resource'
|
||
|
|
}, {
|
||
|
|
test: /\.json5$/,
|
||
|
|
loader: 'json5-loader',
|
||
|
|
options: {
|
||
|
|
esModule: false,
|
||
|
|
},
|
||
|
|
type: 'javascript/auto'
|
||
|
|
}, {
|
||
|
|
test: /\.tsx?$/,
|
||
|
|
use: [
|
||
|
|
{ loader: 'ts-loader' }
|
||
|
|
]
|
||
|
|
}, {
|
||
|
|
test: /\.scss$/,
|
||
|
|
use: [
|
||
|
|
'style-loader',
|
||
|
|
{
|
||
|
|
loader: 'css-loader',
|
||
|
|
options: {
|
||
|
|
url: false,
|
||
|
|
sourceMap: true,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
loader: 'sass-loader',
|
||
|
|
options: {
|
||
|
|
implementation: require('sass'),
|
||
|
|
sassOptions: {
|
||
|
|
fiber: false
|
||
|
|
},
|
||
|
|
sourceMap: true,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
],
|
||
|
|
}, {
|
||
|
|
test: /\.css$/i,
|
||
|
|
use: ['style-loader', 'css-loader'],
|
||
|
|
}]
|
||
|
|
},
|
||
|
|
plugins: [
|
||
|
|
new webpack.ProgressPlugin({}),
|
||
|
|
],
|
||
|
|
output: {
|
||
|
|
path: __dirname + '/built/assets',
|
||
|
|
filename: `[name].${meta.version}.js`,
|
||
|
|
publicPath: '/assets/',
|
||
|
|
pathinfo: false,
|
||
|
|
},
|
||
|
|
resolve: {
|
||
|
|
extensions: [
|
||
|
|
'.js', '.ts', '.json', '.tsx'
|
||
|
|
],
|
||
|
|
alias: {
|
||
|
|
}
|
||
|
|
},
|
||
|
|
resolveLoader: {
|
||
|
|
modules: ['node_modules']
|
||
|
|
},
|
||
|
|
experiments: {
|
||
|
|
topLevelAwait: true
|
||
|
|
},
|
||
|
|
devtool: false, //'source-map',
|
||
|
|
mode: isProduction ? 'production' : 'development'
|
||
|
|
};
|