forked from TGlas/tscript
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwebpack.config.js
55 lines (51 loc) · 1.2 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
const path = require("path");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const HtmlInlineScriptPlugin = require("html-inline-script-webpack-plugin");
const HTMLInlineCSSWebpackPlugin =
require("html-inline-css-webpack-plugin").default;
module.exports = (_, options) => {
const isProd = options.mode === "production";
const plugins = [
// handle css
new MiniCssExtractPlugin(),
// create webpage
new HtmlWebpackPlugin({
inject: "head",
template: "./src/ide/index.html",
}),
];
if (isProd) {
// inline
plugins.push(
isProd && new HtmlInlineScriptPlugin(),
isProd && new HTMLInlineCSSWebpackPlugin()
);
}
return {
entry: ["./src/ide/index.ts"],
devtool: isProd ? false : "eval-cheap-module-source-map",
module: {
rules: [
// compile typescript
{
test: /\.tsx?$/i,
use: "ts-loader",
},
// bundle css
{
test: /\.css$/i,
use: [MiniCssExtractPlugin.loader, "css-loader"],
},
],
},
resolve: {
extensions: [".tsx", ".ts", ".js", ".css", ".html"],
},
plugins,
output: {
path: path.resolve(__dirname, "./out"),
filename: "[name].js",
},
};
};