Blockchain_SCM_POC_UI/webpack.config.common.js at main · sjshank/Blockchain_SCM_POC_UI · GitHub

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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
const path = require('path');
const webpack = require('webpack');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  entry: './src/index.tsx',
  resolve: {
    extensions: [".ts", ".tsx", ".js", ".jsx"],
    // fallback: {
    //   "os": false, "https": false, "http": false, "crypto": false, "stream": false, "assert": false, util: require.resolve('util/'),
    //   assert: require.resolve('assert/'),
    //   stream: require.resolve('stream-browserify'),
    //   zlib: require.resolve('browserify-zlib'),
    //   "buffer": require.resolve("buffer/")
    // },
  },
  output: {
    path: __dirname + '/build',
    publicPath: '/',
    filename: '[name].[contenthash].js',
    chunkFilename: '[name].[contenthash].js'
  },
  devServer: {
    historyApiFallback: true
  },
  module: {
    rules: [{
      test: /\.(ts|js)x?$/,
      exclude: /node_modules/,
      use: [
        {
          loader: 'babel-loader',
          options: {
            "presets": [
              "@babel/preset-env",
              "@babel/preset-react",
              {
                "plugins": [
                  "@babel/plugin-proposal-object-rest-spread",
                  "@babel/plugin-proposal-export-default-from",
                  "@babel/plugin-proposal-export-namespace-from",
                  [
                    "@babel/plugin-proposal-class-properties",
                    {
                      "loose": false
                    }
                  ]
                ]
              }
            ]
          }
        }
      ]
    },
    {
      test: /\.css$/i,
      use: [
        {
          loader: 'style-loader'
        },
        {
          loader: 'css-loader',
          options: {
            url: true,
            import: true,
            sourceMap: true
          }
        }
      ]
    },
    {
      test: /\.less$/,
      use: [
        {
          loader: 'style-loader'
        },
        {
          loader: "css-loader",
          options: {
            sourceMap: true,
            modules: {
              localIdentName: "[name]_[local]___[hash:base64:5]",
            }
          }
        },
        {
          loader: 'less-loader',
          options: {
            lessOptions: {
              strictMath: true,
              sourceMap: true,
            },
          },
        },
      ],
    },
    {
      test: /\.(png|jpe?g|gif|svg|eot|ttf|woff|woff2|jpg)$/i,
      loader: 'file-loader',
      options: {
        name: "[path][name].[ext]"
      }
    },
    ]
  },

  plugins: [
    new CleanWebpackPlugin(),
    new HtmlWebpackPlugin({ inject: 'body', base: "/", publicPath: "/", template: path.resolve(__dirname, 'public', 'index.html') }),
  ]
};