dev-tools/webpack.config.js at master · bitmade/dev-tools · 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
const path = require('path');
const env = require('./utils/environment');
const webpack = require('webpack');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

const config = {
  devtool: env.isProduction() ? false : 'cheap-module-eval-source-map',
  entry: path.resolve('js', 'main.js'),
  output: {
    path: path.resolve('public', 'build'),
    publicPath: '/build/',
    filename: 'bundle.js',
  },
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: require.resolve('babel-loader'),
          options: {
            presets: [require.resolve('babel-preset-env')],
          },
        },
      },
      {
        test: /(\.css|\.scss)$/,
        include: path.resolve('sass'),
        use: ExtractTextPlugin.extract({
          fallback: require.resolve('style-loader'),
          use: [
            {
              loader: require.resolve('css-loader'),
              options: {
                sourceMap: env.isDevelopment(),
                minimize: env.isProduction(),
              },
            },
            {
              loader: require.resolve('postcss-loader'),
              options: {
                config: {
                  path: __dirname + '/postcss.config.js',
                },
                sourceMap: env.isDevelopment() ? 'inline' : false,
              },
            },
            {
              loader: require.resolve('sass-loader'),
              options: { sourceMap: env.isDevelopment() },
            },
          ],
        }),
      },
    ],
  },
  plugins: getPlugins(),
};

function getPlugins() {
  const GLOBALS = {
    'process.env.NODE_ENV': JSON.stringify(env.getEnvironment()),
    __DEV__: env.isDevelopment(),
  };

  const plugins = [
    new ExtractTextPlugin('screen.css'),
    new webpack.DefinePlugin(GLOBALS),
  ];

  switch (env.getEnvironment()) {
    case 'production':
      plugins.push(
        new webpack.optimize.UglifyJsPlugin({
          minimize: true,
          sourceMap: false,
        })
      );
      break;
    case 'development':
      plugins.push(new webpack.NoEmitOnErrorsPlugin());
      break;
  }

  return plugins;
}

module.exports = config;