880af87ddf
* WIP * WIP * PoC for dropdown - logic stuff * Most of the logic for the dropdown * Working dropdown menu to pick servers * Mentions, unreads and expired working. Many styles are working. * Some more styles * Dark mode and other stuff * Some cleanup * Generate build * PR feedback * More PR feedback
157 lines
4.9 KiB
JavaScript
157 lines
4.9 KiB
JavaScript
// Copyright (c) 2015-2016 Yuya Ochiai
|
|
// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
// This file uses CommonJS.
|
|
/* eslint-disable import/no-commonjs */
|
|
'use strict';
|
|
|
|
const path = require('path');
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
|
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
|
const merge = require('webpack-merge');
|
|
|
|
const base = require('./webpack.config.base');
|
|
|
|
const WEBSERVER_PORT = 9001;
|
|
|
|
module.exports = merge(base, {
|
|
entry: {
|
|
index: './src/renderer/index.tsx',
|
|
settings: './src/renderer/settings.tsx',
|
|
dropdown: './src/renderer/dropdown.tsx',
|
|
urlView: './src/renderer/modals/urlView/urlView.tsx',
|
|
newServer: './src/renderer/modals/newServer/newServer.tsx',
|
|
loginModal: './src/renderer/modals/login/login.tsx',
|
|
permissionModal: './src/renderer/modals/permission/permission.tsx',
|
|
certificateModal: './src/renderer/modals/certificate/certificate.tsx',
|
|
loadingScreen: './src/renderer/modals/loadingScreen/index.tsx',
|
|
},
|
|
output: {
|
|
path: path.resolve(__dirname, 'dist/renderer'),
|
|
filename: '[name]_bundle.js',
|
|
},
|
|
plugins: [
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop App',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['index'],
|
|
filename: 'index.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Settings',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['settings'],
|
|
filename: 'settings.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Settings',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['dropdown'],
|
|
filename: 'dropdown.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Settings',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['urlView'],
|
|
filename: 'urlView.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Settings',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['newServer'],
|
|
filename: 'newServer.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Settings',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['loginModal'],
|
|
filename: 'loginModal.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Settings',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['permissionModal'],
|
|
filename: 'permissionModal.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Settings',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['certificateModal'],
|
|
filename: 'certificateModal.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Settings',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['loadingScreen'],
|
|
filename: 'loadingScreen.html',
|
|
}),
|
|
new MiniCssExtractPlugin({
|
|
filename: 'styles.[contenthash].css',
|
|
ignoreOrder: true,
|
|
chunkFilename: '[id].[contenthash].css',
|
|
}),
|
|
],
|
|
module: {
|
|
rules: [{
|
|
test: /\.(js|jsx|ts|tsx)?$/,
|
|
use: {
|
|
loader: 'babel-loader',
|
|
},
|
|
}, {
|
|
test: /\.css$/,
|
|
use: [
|
|
MiniCssExtractPlugin.loader,
|
|
'css-loader',
|
|
],
|
|
}, {
|
|
test: /\.scss$/,
|
|
use: [
|
|
MiniCssExtractPlugin.loader,
|
|
'css-loader',
|
|
'sass-loader',
|
|
],
|
|
}, {
|
|
test: /\.mp3$/,
|
|
use: {
|
|
loader: 'url-loader',
|
|
},
|
|
}, {
|
|
test: /\.(svg|gif)$/,
|
|
use: [
|
|
{
|
|
loader: 'file-loader',
|
|
options: {
|
|
name: '[name].[ext]',
|
|
publicPath: './assets',
|
|
outputPath: '/../assets',
|
|
},
|
|
},
|
|
{loader: 'image-webpack-loader'},
|
|
],
|
|
}, {
|
|
test: /\.(eot|ttf|woff|woff2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
|
|
loader: 'file-loader',
|
|
options: {
|
|
name: '[name].[ext]',
|
|
outputPath: '/../assets/fonts',
|
|
publicPath: './assets/fonts',
|
|
},
|
|
}],
|
|
},
|
|
node: {
|
|
__filename: false,
|
|
__dirname: false,
|
|
},
|
|
target: 'electron-renderer',
|
|
devServer: {
|
|
contentBase: 'src/assets',
|
|
contentBasePublicPath: '/assets',
|
|
inline: true,
|
|
publicPath: '/renderer/',
|
|
port: WEBSERVER_PORT,
|
|
},
|
|
});
|
|
|
|
/* eslint-enable import/no-commonjs */
|