fluencelabs/dashboard
1
0
Fork 0
mirror of https://github.com/fluencelabs/dashboard synced 2025-06-27 05:31:43 +00:00
Code Issues Projects Releases Wiki Activity

Automate build, enable --mode production (#4)

Browse Source
This commit is contained in:
folex
2020-12-04 19:46:37 +03:00
committed by GitHub
parent bf9d2b5626
commit ac360f5819
15 changed files with 333 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
webpack.config.js
View File

@ -1,75 +1,82 @@
const path = require('path');
const CopyWebpackPlugin = require('copy-webpack-plugin')
const CopyWebpackPlugin = require('copy-webpack-plugin');
const webpack = require('webpack');
const { WebpackPluginServe: Serve } = require('webpack-plugin-serve');
const TerserPlugin = require('terser-webpack-plugin');
module.exports = {
entry: {
app: ['./src/index.ts']
},
resolve: {
extensions: ['.js', '.ts', ".elm"]
},
devServer: {
contentBase: './bundle',
hot: false,
inline: false
},
devtool: "eval-source-map",
module: {
rules: [
{
test: /\.html$/,
use: [{loader: "file-loader?name=[name].[ext]"}]
module.exports = (env, argv) => {
const isDebug = argv.mode === 'development';
const isProduction = argv.mode === 'production';
},
{
test: [/\.elm$/],
exclude: [/elm-stuff/, /node_modules/],
use: [
{loader: "elm-hot-webpack-loader"},
{
loader: "elm-webpack-loader",
options:
{debug: true, forceWatch: false}
}
]
},
{test: /\.ts$/, loader: "ts-loader"},
{
test: /\.(png)$/,
loader: 'file-loader',
},
{
test: /\.css$/i,
use: ['style-loader', 'css-loader'],
},
]
},
mode: "development",
watch: true,
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'bundle'),
publicPath: "/"
},
plugins: [
new CopyWebpackPlugin({
patterns: [
{from: './*.html'},
{from: './images/*.svg'},
{from: './favicon.ico'},
]
}),
new webpack.ProvidePlugin({
process: 'process/browser.js',
Buffer: ['buffer', 'Buffer'],
}),
new Serve({
historyFallback: true,
port: 55553,
host: 'localhost',
})
]
return {
entry: {
app: ['./src/index.ts'],
},
resolve: {
extensions: ['.js', '.ts', '.elm'],
},
devServer: {
contentBase: './bundle',
hot: false,
inline: false,
},
devtool: 'eval-source-map',
module: {
rules: [
{
test: /\.html$/,
use: [{ loader: 'file-loader?name=[name].[ext]' }],
},
{
test: [/\.elm$/],
exclude: [/elm-stuff/, /node_modules/],
use: [
{ loader: 'elm-hot-webpack-loader' },
{
loader: 'elm-webpack-loader',
options: {
debug: isDebug,
optimize: isProduction,
forceWatch: false,
},
},
],
},
{ test: /\.ts$/, loader: 'ts-loader' },
{
test: /\.(png)$/,
loader: 'file-loader',
},
{
test: /\.css$/i,
use: ['style-loader', 'css-loader'],
},
],
},
mode: 'development',
watch: isDebug,
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'bundle'),
publicPath: '/',
},
optimization: {
minimize: isProduction,
minimizer: [new TerserPlugin()],
},
plugins: [
new CopyWebpackPlugin({
patterns: [{ from: './*.html' }, { from: './images/*.svg' }],
}),
new webpack.ProvidePlugin({
process: 'process/browser.js',
Buffer: ['buffer', 'Buffer'],
}),
new Serve({
historyFallback: true,
port: 55553,
host: 'localhost',
}),
],
};
};