ComicsScroller/webpack.config.prod.js at master · zeroshine/ComicsScroller · 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
const path = require('path');
const webpack = require('webpack');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const LodashModuleReplacementPlugin = require('lodash-webpack-plugin');
const postcssNested = require('postcss-nested');
const BabiliPlugin = require('babel-minify-webpack-plugin');

module.exports = {
  entry: {
    app: [
      './src/js/index',
    ],
    popup: [
      './src/js/popup',
    ],
  },
  output: {
    path: path.join(__dirname, 'ComicsScroller'),
    filename: 'js/[name].js',
  },
  plugins: [
    new LodashModuleReplacementPlugin({
      collections: true,
      paths: true,
      currying: true,
      shorthands: true,
      caching: true,
      coercions: true,
      guards: true,
      flattening: true,
      memoizing: true,
      chaining: true,
      metadata: true,
      placeholders: true,
    }),
    new ExtractTextPlugin('css/[name].css'),
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: JSON.stringify('production'),
        BABEL_ENV: JSON.stringify('production'),
      },
    }),
    new BabiliPlugin({
      mangle: false,
    }),
    new webpack.NoEmitOnErrorsPlugin(),
  ],
  module: {
    rules: [{
      test: /\.jsx?$/,
      loader: 'babel-loader',
      exclude: path.join(__dirname, 'node_modules'),
    }, {
      test: /\.css$/,
      use: ExtractTextPlugin.extract([
        {
          loader: 'css-loader',
          options: {
            modules: true,
            importLoaders: 1,
            localIdentName: '[name]__[local]__[hash:base64:5]',
            sourceMap: true,
            minimize: true,
          },
        }, {
          loader: 'postcss-loader',
          // options: {
          //   ident: 'postcss',
          //   plugins: () => [
          //     postcssNested(),
          //   ]
          // }
        }
      ]),
    }, {
      test: /\.svg$/,
      use: [
        'babel-loader',
        'react-svg-loader'
      ],
    }],
  },
  resolve: {
    alias: {
      css: path.join(__dirname, 'src/css'),
      imgs: path.join(__dirname, 'src/imgs'),
      cmp: path.join(__dirname, 'src/js/component'),
    },
    extensions: ['.js', '.jsx', '.json', '.css'],
  },
};