mirror of
https://github.com/Eugeny/tabby-web.git
synced 2025-06-09 05:59:53 +00:00
141 lines
3.5 KiB
JavaScript
141 lines
3.5 KiB
JavaScript
const path = require('path')
|
|
const webpack = require('webpack')
|
|
const { AngularWebpackPlugin } = require('@ngtools/webpack')
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin')
|
|
const MiniCssExtractPlugin = require("mini-css-extract-plugin")
|
|
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
|
|
|
|
|
|
const htmlPluginOptions = {
|
|
hash: true,
|
|
minify: false
|
|
}
|
|
|
|
const baseConfig = {
|
|
mode: process.env.DEV ? 'development' : 'production',
|
|
context: __dirname,
|
|
devtool: 'source-map',
|
|
cache: !process.env.DEV ? false : {
|
|
type: 'filesystem',
|
|
},
|
|
resolve: {
|
|
mainFields: ['esm2015', 'browser', 'module', 'main'],
|
|
modules: [
|
|
'src/',
|
|
'node_modules/',
|
|
],
|
|
extensions: ['.ts', '.js'],
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.[jt]sx?$/,
|
|
loader: '@ngtools/webpack',
|
|
},
|
|
{ test: /tabby\/app\/dist/, use: ['script-loader'] },
|
|
{
|
|
test: /\.pug$/,
|
|
use: ['apply-loader', 'pug-loader'],
|
|
include: /component\.pug/
|
|
},
|
|
{
|
|
test: /\.scss$/,
|
|
use: ['@tabby-gang/to-string-loader', 'css-loader', 'sass-loader'],
|
|
include: /component\.scss/
|
|
},
|
|
{
|
|
test: /\.scss$/,
|
|
use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'],
|
|
exclude: /component\.scss/
|
|
},
|
|
{
|
|
test: /\.(ttf|eot|otf|woff|woff2)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
|
|
type: 'asset/resource',
|
|
},
|
|
{ test: /\.css$/, use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'] },
|
|
{
|
|
test: /\.(jpeg|png|svg)?$/,
|
|
type: 'asset/resource',
|
|
},
|
|
{
|
|
test: /\.html$/,
|
|
loader: 'html-loader',
|
|
},
|
|
],
|
|
},
|
|
plugins: [
|
|
new MiniCssExtractPlugin(),
|
|
new HtmlWebpackPlugin({
|
|
template: './src/index.html',
|
|
filename: 'index.html',
|
|
chunks: ['index'],
|
|
...htmlPluginOptions,
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
template: './src/terminal.html',
|
|
filename: 'terminal.html',
|
|
chunks: ['terminal'],
|
|
...htmlPluginOptions,
|
|
}),
|
|
],
|
|
}
|
|
|
|
module.exports = [
|
|
{
|
|
name: 'browser',
|
|
target: 'web',
|
|
...baseConfig,
|
|
entry: {
|
|
index: path.resolve(__dirname, 'src/index.ts'),
|
|
terminal: path.resolve(__dirname, 'src/terminal.ts'),
|
|
},
|
|
plugins: [
|
|
...baseConfig.plugins,
|
|
new AngularWebpackPlugin({
|
|
tsconfig: 'tsconfig.json',
|
|
directTemplateLoading: false,
|
|
skipCodeGeneration: false,
|
|
}),
|
|
],
|
|
output: {
|
|
path: path.join(__dirname, 'build'),
|
|
pathinfo: true,
|
|
publicPath: '/static/',
|
|
filename: '[name].js',
|
|
chunkFilename: '[name].bundle.js',
|
|
},
|
|
},
|
|
{
|
|
name: 'server',
|
|
target: 'node',
|
|
...baseConfig,
|
|
entry: {
|
|
'index.server': path.resolve(__dirname, 'src/index.server.ts'),
|
|
'server': path.resolve(__dirname, 'src/server.ts'),
|
|
},
|
|
plugins: [
|
|
...baseConfig.plugins,
|
|
new AngularWebpackPlugin({
|
|
entryModule: path.resolve(__dirname, 'src/app/app.server.module`#AppServerModule'),
|
|
mainPath: path.resolve(__dirname, 'src/index.server.ts'),
|
|
tsconfig: 'tsconfig.json',
|
|
directTemplateLoading: false,
|
|
platform: 1,
|
|
skipCodeGeneration: false,
|
|
}),
|
|
],
|
|
output: {
|
|
libraryTarget: 'commonjs',
|
|
path: path.join(__dirname, 'build-server'),
|
|
pathinfo: true,
|
|
publicPath: '/static/',
|
|
filename: '[name].js',
|
|
chunkFilename: '[name].bundle.js',
|
|
},
|
|
},
|
|
]
|
|
|
|
if (process.env.BUNDLE_ANALYZER) {
|
|
module.exports[0].plugins.push(new BundleAnalyzerPlugin())
|
|
}
|