segment-challenge/webpack.config.js at master · slashdotdash/segment-challenge · 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
var webpack = require('webpack');
var path = require('path');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var CopyWebpackPlugin = require('copy-webpack-plugin');

var env = process.env.MIX_ENV || 'dev';
var isProduction = (env === 'prod');

var alias = {
  phoenix_html: path.resolve(__dirname + '/deps/phoenix_html/priv/static/phoenix_html.js'),
  phoenix: path.resolve(__dirname + '/deps/phoenix/priv/static/phoenix.js')
};

var plugins = [
  new ExtractTextPlugin('css/[name].css'),
  new CopyWebpackPlugin([{
      from: 'assets/static'
    },
    {
      from: 'assets/css/font-awesome/css/font-awesome.min.css',
      to: 'css/font-awesome.min.css'
    },
    {
      from: 'assets/css/font-awesome/fonts',
      to: 'fonts'
    },
    {
      from: alias.phoenix_html,
      to: 'js/phoenix_html.js'
    }
  ]),
  new webpack.optimize.CommonsChunkPlugin('app', 'js/app.js')
];

// This is necessary to get the sass @import's working
var stylePathResolves = (
  'includePaths[]=' + path.resolve('./') + '&' +
  'includePaths[]=' + path.resolve('./node_modules')
);

if (isProduction) {
  plugins.push(new webpack.optimize.UglifyJsPlugin({
    minimize: true
  }));
}

var loaders = [{
    test: /\.jsx?$/,
    exclude: /(node_modules|bower_components)/,
    loader: 'babel',
    query: {
      presets: ['es2015', 'react', 'stage-2']
    }
  },
  {
    test: /\.json$/,
    loader: 'json-loader'
  },
  {
    test: /\.scss$/,
    loader: ExtractTextPlugin.extract(
      'style',
      'css' + '!sass?outputStyle=expanded&' + stylePathResolves
    )
  },
  {
    test: /\.(jpe?g|png|gif|svg)$/i,
    loaders: [
      'file?hash=sha512&digest=hex&name=./css/[hash].[ext]&publicPath=../'
    ]
  }
];

module.exports = {
  entry: {
    app: [
      './assets/js/app.js',
      './assets/css/app.scss'
    ],
    email: [
      './assets/css/email.scss'
    ],
    map: [
      './assets/js/map.js',
    ],
    CreateChallenge: [
      './assets/js/createChallenge/index.js'
    ],
    CreateStage: [
      './assets/js/createStage/index.js'
    ],
    MarkdownEditor: [
      './assets/js/markdownEditor/index.js'
    ],
  },

  output: {
    path: './priv/static',
    filename: 'js/[name].js'
  },

  resolve: {
    alias: alias,
    extensions: ['', '.js', '.scss']
  },

  module: {
    loaders: loaders
  },

  plugins: plugins
};