forked from microsoft/FluidFramework
-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
101 lines (100 loc) · 3.76 KB
/
webpack.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
/*!
* Copyright (c) Microsoft Corporation and contributors. All rights reserved.
* Licensed under the MIT License.
*/
const fluidRoute = require("@fluid-tools/webpack-fluid-loader");
const path = require("path");
const { merge } = require("webpack-merge");
const pkg = require("./package.json");
const webpack = require("webpack");
// var Visualizer = require('webpack-visualizer-plugin');
// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
// const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
module.exports = env => {
const isProduction = env?.production;
return merge(
{
entry: './src/index.ts',
resolve: {
extensions: [".mjs", ".ts", ".tsx", ".js"],
fallback: {
dgram: false,
fs: false,
net: false,
tls: false,
child_process: false,
}
},
devtool: 'source-map',
mode: "production",
module: {
rules: [
{
test: /\.tsx?$/,
use: [{
loader: "ts-loader",
options: {
compilerOptions: {
module: "esnext"
},
}
}],
exclude: /node_modules/
},
{
test: /\.js$/,
use: [require.resolve("source-map-loader")],
enforce: "pre"
},
{
test: /\.css$/,
use: [
"style-loader", // creates style nodes from JS strings
"css-loader", // translates CSS into CommonJS
]
},
{
test: /\.scss$/,
use: [
"style-loader", // creates style nodes from JS strings
"css-loader", // translates CSS into CommonJS
"sass-loader" // compiles Sass to CSS, using Node Sass by default
]
},
{
test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
loader: 'url-loader',
options: {
limit: 10000
}
},
{
test: /\.html$/,
loader: 'html-loader'
}
]
},
devServer: { devMiddleware: { stats: "minimal" }},
output: {
filename: '[name].bundle.js',
chunkFilename: '[name].async.js',
path: path.resolve(__dirname, 'dist'),
publicPath: "/dist/",
library: "[name]",
// https://github.com/webpack/webpack/issues/5767
// https://github.com/webpack/webpack/issues/7939
devtoolNamespace: "shared-text",
libraryTarget: "umd",
globalObject: 'self',
},
plugins: [
new webpack.ProvidePlugin({
process: 'process/browser'
}),
// new MonacoWebpackPlugin()
// new BundleAnalyzerPlugin()
]
},
isProduction ? require("./webpack.prod") : require("./webpack.dev"),
fluidRoute.devServerConfig(__dirname, env));
};