diff options
| author | crupest <crupest@outlook.com> | 2020-10-31 00:42:06 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-10-31 00:42:06 +0800 |
| commit | a3c97f6fb6313da2e8c0fac0b4c08f2ef4265d0f (patch) | |
| tree | ee006874b0c93e9bfc76f141a092a8b9585a1f95 /FrontEnd/webpack.common.js | |
| parent | 0c4caaebe2480e77918d5d7df234f0edaeab74ba (diff) | |
| parent | 7ce0846d9ec968da3ea4f7ebcc6db26db8e49089 (diff) | |
| download | timeline-a3c97f6fb6313da2e8c0fac0b4c08f2ef4265d0f.tar.gz timeline-a3c97f6fb6313da2e8c0fac0b4c08f2ef4265d0f.tar.bz2 timeline-a3c97f6fb6313da2e8c0fac0b4c08f2ef4265d0f.zip | |
Merge pull request #161 from crupest/upgrade
Upgrade packages and split front end and back end.
Diffstat (limited to 'FrontEnd/webpack.common.js')
| -rw-r--r-- | FrontEnd/webpack.common.js | 86 |
1 files changed, 86 insertions, 0 deletions
diff --git a/FrontEnd/webpack.common.js b/FrontEnd/webpack.common.js new file mode 100644 index 00000000..3779003e --- /dev/null +++ b/FrontEnd/webpack.common.js @@ -0,0 +1,86 @@ +const path = require("path");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const postcssPresetEnv = require("postcss-preset-env");
+const Config = require("webpack-chain");
+
+const config = new Config();
+
+config.entry("index").add(path.resolve(__dirname, "src/app/index.tsx"));
+
+config.module
+ .rule("ts")
+ .test(/\.ts(x?)$/)
+ .exclude.add(/node_modules/)
+ .end()
+ .use("babel")
+ .loader("babel-loader")
+ .end()
+ .use("ts")
+ .loader("ts-loader")
+ .end();
+
+config.module
+ .rule("js")
+ .test(/\.js(x?)$/)
+ .exclude.add(/node_modules/)
+ .end()
+ .use("babel")
+ .loader("babel-loader")
+ .end();
+
+config.module
+ .rule("css")
+ .test(/\.css$/)
+ .use("css")
+ .loader("css-loader")
+ .end()
+ .use("postcss")
+ .loader("postcss-loader")
+ .end();
+
+config.module
+ .rule("sass")
+ .test(/\.(scss|sass)$/)
+ .use("css")
+ .loader("css-loader")
+ .end()
+ .use("postcss")
+ .loader("postcss-loader")
+ .end()
+ .use("sass")
+ .loader("sass-loader")
+ .end();
+
+config.module
+ .rule("file")
+ .test(/\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot)$/i)
+ .use("url")
+ .loader("url-loader")
+ .options({
+ limit: 8192,
+ });
+
+config.resolve.extensions
+ .add("*")
+ .add(".js")
+ .add(".jsx")
+ .add(".ts")
+ .add(".tsx")
+ .end();
+
+config.resolve.alias.set("@", path.resolve(__dirname, "src/app"));
+
+config.output
+ .path(path.resolve(__dirname, "dist/"))
+ .filename("[name].[contenthash].js")
+ .chunkFilename("[name].[contenthash].js")
+ .publicPath("/");
+
+config.plugin("html").use(HtmlWebpackPlugin, [
+ {
+ template: "src/app/index.ejs",
+ title: "Timeline",
+ },
+]);
+
+module.exports = config;
|