webpack.config.js

var webpack = require('webpack');
var ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
  entry: './entry.js',
  output: {
    path: __dirname + '/',
    filename: "./build/js/bundle.js"
  },
  module: {
    rules: [
      {
        test: /\.scss$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: ['css-loader', 'postcss-loader', 'sass-loader']
        }),
      },
      {
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          use: "css-loader"
        }),
      },
    ],
  },
  plugins: [
    new ExtractTextPlugin('./build/css/styles.css'),
    new webpack.DefinePlugin({
      ALGOLIA_PROJECT_ID: JSON.stringify(process.env.ALGOLIA_PROJECT_ID),
      ALGOLIA_PUBLIC_KEY: JSON.stringify(process.env.ALGOLIA_PUBLIC_KEY),
      ALGOLIA_INDEX: JSON.stringify(process.env.ALGOLIA_INDEX),
    })
  ],
};