11const HtmlWebpackPlugin = require ( 'html-webpack-plugin' ) ;
22const MiniCssExtractPlugin = require ( 'mini-css-extract-plugin' ) ;
3+ const webpack = require ( 'webpack' ) ;
34const path = require ( 'path' ) ;
5+ const DotEnv = require ( 'dotenv' ) . config ( {
6+ path : path . join ( __dirname , '.env' )
7+ } ) ;
48
59module . exports = {
610 entry : [ './src/index.tsx' ] ,
@@ -21,7 +25,10 @@ module.exports = {
2125 template : "./static/index.html" ,
2226 filename : "index.html"
2327 } ) ,
24- new MiniCssExtractPlugin ( )
28+ new webpack . DefinePlugin ( {
29+ "process.env" : DotEnv . parsed
30+ } ) ,
31+ new MiniCssExtractPlugin ( ) ,
2532 ] ,
2633 resolve : {
2734 // Add '.ts' and '.tsx' as resolvable extensions.
@@ -51,8 +58,9 @@ module.exports = {
5158 enforce : "pre"
5259 } ,
5360 {
54- test : / \. ( c s s | s c s s ) $ / i,
55- use : [ 'style-loader' , 'css-loader' , 'sass-loader' ]
61+ test : / \. ( c s s ) $ / i,
62+ use : [ 'style-loader' , 'css-loader' ]
63+ // use: ['style-loader', 'css-loader', 'sass-loader']
5664 // use: [MiniCssExtractPlugin.loader,'style-loader', 'css-loader', 'sass-loader']
5765 } ,
5866 {
0 commit comments