diff options
| author | crupest <crupest@outlook.com> | 2020-08-25 00:05:01 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-08-25 00:05:01 +0800 |
| commit | 738a17688ca481db62755295f8b732200ca12511 (patch) | |
| tree | 034b470eff54a9f725cd9e472966cf554cd2ee26 /Timeline/ClientApp/webpack.config.dev.js | |
| parent | b9b7334ac5d5cf83b6206af024ddd4c55a6e07da (diff) | |
| parent | fe687f82d9c5af2869b679222bec11b1a00b9ee9 (diff) | |
| download | timeline-738a17688ca481db62755295f8b732200ca12511.tar.gz timeline-738a17688ca481db62755295f8b732200ca12511.tar.bz2 timeline-738a17688ca481db62755295f8b732200ca12511.zip | |
Merge pull request #154 from crupest/toolchain
Upgrade toolchain of front end.
Diffstat (limited to 'Timeline/ClientApp/webpack.config.dev.js')
| -rw-r--r-- | Timeline/ClientApp/webpack.config.dev.js | 52 |
1 files changed, 33 insertions, 19 deletions
diff --git a/Timeline/ClientApp/webpack.config.dev.js b/Timeline/ClientApp/webpack.config.dev.js index 840ac24a..fea5a2c5 100644 --- a/Timeline/ClientApp/webpack.config.dev.js +++ b/Timeline/ClientApp/webpack.config.dev.js @@ -1,45 +1,59 @@ -const path = require('path');
-const webpack = require('webpack');
+const path = require("path");
+const webpack = require("webpack");
-const config = require('./webpack.common');
+const config = require("./webpack.common");
-config.mode('development');
+config.mode("development");
-config.entry('index').add('react-hot-loader/patch');
+config.entry("index").add("react-hot-loader/patch");
config.module
- .rule('ts')
- .use('babel')
+ .rule("ts")
+ .use("babel")
.options({
- plugins: ['react-hot-loader/babel'],
+ plugins: ["react-hot-loader/babel"],
});
config.module
- .rule('js')
- .use('babel')
+ .rule("js")
+ .use("babel")
.options({
- plugins: ['react-hot-loader/babel'],
+ plugins: ["react-hot-loader/babel"],
});
-config.devtool('eval-cheap-module-source-map');
+config.module
+ .rule("css")
+ .use("style")
+ .before("css")
+ .loader("style-loader")
+ .end();
+
+config.module
+ .rule("sass")
+ .use("style")
+ .before("css")
+ .loader("style-loader")
+ .end();
+
+config.devtool("eval-cheap-module-source-map");
-config.resolve.alias.set('react-dom', '@hot-loader/react-dom');
+config.resolve.alias.set("react-dom", "@hot-loader/react-dom");
config.devServer
- .contentBase(path.resolve(__dirname, 'public/'))
- .host('0.0.0.0')
+ .contentBase(path.resolve(__dirname, "public/"))
+ .host("0.0.0.0")
.port(3000)
.historyApiFallback(true)
.hotOnly(true)
- .allowedHosts.add('.myide.io');
+ .allowedHosts.add(".myide.io");
-config.plugin('hot').use(webpack.HotModuleReplacementPlugin);
+config.plugin("hot").use(webpack.HotModuleReplacementPlugin);
module.exports = (env) => {
if (env && env.TIMELINE_USE_MOCK_BACKEND) {
config
- .entry('index')
- .add(path.join(__dirname, 'src/app/http/mock/install.ts'));
+ .entry("index")
+ .add(path.join(__dirname, "src/app/http/mock/install.ts"));
}
return config.toConfig();
|