From f7b5ebbf08704c4e188df8c3a4e4a6985ed52ec9 Mon Sep 17 00:00:00 2001 From: crupest Date: Mon, 24 Aug 2020 22:24:32 +0800 Subject: Use mini-css-extract-plugin in production. --- Timeline/ClientApp/webpack.config.prod.js | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) (limited to 'Timeline/ClientApp/webpack.config.prod.js') diff --git a/Timeline/ClientApp/webpack.config.prod.js b/Timeline/ClientApp/webpack.config.prod.js index e3ef65e1..5a83a3b8 100644 --- a/Timeline/ClientApp/webpack.config.prod.js +++ b/Timeline/ClientApp/webpack.config.prod.js @@ -2,6 +2,7 @@ const path = require('path'); const { CleanWebpackPlugin } = require('clean-webpack-plugin'); const CopyPlugin = require('copy-webpack-plugin'); const WorkboxPlugin = require('workbox-webpack-plugin'); +const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const config = require('./webpack.common'); @@ -11,8 +12,24 @@ config .entry('index') .add(path.resolve(__dirname, 'src/app/service-worker.tsx')); +config.module + .rule('css') + .use('mini-css-extract') + .before('css') + .loader(MiniCssExtractPlugin.loader) + .end(); + +config.module + .rule('sass') + .use('mini-css-extract') + .before('css') + .loader(MiniCssExtractPlugin.loader) + .end(); + config.devtool('source-map'); +config.plugin('mini-css-extract').use(MiniCssExtractPlugin); + config.plugin('clean').use(CleanWebpackPlugin); config.plugin('copy').use(CopyPlugin, [ -- cgit v1.2.3