text: const path = require('path');
  const ExtractTextPlugin = require('extract-text-webpack-plugin');
  const autoprefixer = require('autoprefixer');
  const eslintFormatter = require('react-dev-utils/eslintFormatter');
  
  module.exports = {
    module: {
      strictExportPresence: true,
      rules: [
        {
          test: /\.(js|jsx|mjs)$/,
          enforce: 'pre',
          use: [
            {
              options: {
                formatter: eslintFormatter,
                eslintPath: require.resolve('eslint'),
  
              },
              loader: require.resolve('eslint-loader'),
            },
          ],
          include: [/src/, /example/]
        },
        {
          oneOf: [
            {
              test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
              loader: require.resolve('url-loader'),
              options: {
                limit: 10000,
                name: 'static/media/[name].[hash:8].[ext]',
              },
            },
            {
              test: /\.(js|jsx|mjs)$/,
              include: [/src/, /example/],
              loader: require.resolve('babel-loader'),
              options: {
                compact: true,
              },
            },
            {
              test: [/\.scss$/, /\.sass$/],
              loader: ExtractTextPlugin.extract(
                Object.assign(
                  {
                    fallback: {
                      loader: require.resolve('style-loader'),
                      options: {
                        hmr: false,
                      },
                    },
                    use: [
                      {
                        loader: require.resolve('css-loader'),
                        options: {
                          importLoaders: 1,
                          minimize: true,
                          sourceMap: true,
                        },
                      },
                      {
                        loader: require.resolve('postcss-loader'),
                        options: {
                          // Necessary for external CSS imports to work
                          // https://github.com/facebookincubator/create-react-app/issues/2677
                          ident: 'postcss',
                          plugins: () => [
                            require('postcss-flexbugs-fixes'),
                            autoprefixer({
                              browsers: [
                                '>1%',
                                'last 4 versions',
                                'Firefox ESR',
                                'not ie < 9', // React doesn't support IE8 anyway
                              ],
                              flexbox: 'no-2009',
                            }),
                          ],
                        },
                      },
                      {
                        loader: require.resolve('sass-loader'),
                      }
                    ],
                  }
                )
              ),
            },
            {
              loader: require.resolve('file-loader'),
              exclude: [/\.js$/, /\.html$/, /\.json$/],
              options: {
                name: 'static/media/[name].[hash:8].[ext]',
              },
            },
          ]
        }
      ]
    },
    resolve:{
      modules: [
        path.join(__dirname, './src'),
        path.join(__dirname, './node_modules')
      ],
      alias: {
        'react': path.join(__dirname, 'node_modules', 'react'),
        'veriables': path.join(__dirname, './src/assets/styles/veriables.scss')
      },
      extensions: ['.js', '.jsx']
    }
  }