text: const postCssModulesValues = require("postcss-modules-values")
  const path = require('path')
  const autoprefixer = require('autoprefixer')
  
  module.exports = {
    entry: './src/index.tsx',
    module: {
      rules: [{
          test: /\.css$/,
          use: [{
              loader: 'style-loader',
            },
            {
              loader: 'css-loader',
              options: {
                modules: true,
                importLoaders: 1,
                localIdentName: '[path][name]__[local]--[hash:base64:5]'
              }
            },
            {
              loader: 'postcss-loader',
              options: {
                plugins: [postCssModulesValues, autoprefixer],
              },
            }
          ]
        },
        {
          test: /\.(png|jpe?g|gif|svg)(\?v=\d+\.\d+\.\d+)?$/,
          use: [{
            loader: 'file-loader',
            options: {
              name: '[name].[ext]',
              outputPath: 'img/'
            }
          }]
        },
        {
          test: /\.(woff(2)?|ttf|eot|otf)(\?v=\d+\.\d+\.\d+)?$/,
          use: [{
            loader: 'file-loader',
            options: {
              name: '[name].[ext]',
              outputPath: 'fonts/'
            }
          }]
        },
        // All files with a '.ts' or '.tsx' extension will be handled by 'awesome-typescript-loader'.
        {
          test: /\.tsx?$/,
          loader: "awesome-typescript-loader"
        },
      ]
    },
    resolve: {
      extensions: ['.tsx', '.ts', '.js', '.json'],
      symlinks: false
    },
    output: {
      filename: 'bundle.js',
      path: path.resolve(__dirname, 'dist')
    }
  };
  