beatle/webpack.config.js at master · node-honeycomb/beatle · 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
var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var AutoModulePlugin = require('hc-honeypack-auto-module-plugin');
const vendors = [
  'antd',
  'seamless-immutable',
  'core-js',
  'react',
  'prop-types',
  'react-dom',
  'react-redux',
  'react-router',
  'redux-router',
  'react-router-dom',
  'react-router-config',
  'react-router-redux',
  'redux-logger',
  'redux-thunk',
  'react-intl',
  'react-mixin',
  'react-addons-pure-render-mixin',
  'create-react-class',
  'cuid',
  'redux',
  'redux-saga',
  'redux-promise-middleware',
  'react-redux-loading-bar',
  'hoist-non-react-statics',
  'async-validator',
  'isomorphic-fetch',
  'events',
  'lodash',
  'moment',
  'bluebird',
  'querystring',
  'url',
  /rxjs\/*/
];

var webpackOpts = {
  entry: {
    app: './example/src/app.jsx',
    vendor: vendors
  },
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            cacheDirectory: true,
            presets: ['env', 'react'],
            plugins: [
              'transform-decorators-legacy',
              'transform-class-properties',
              'add-module-exports',
              'transform-object-rest-spread',
              [path.resolve(__dirname, 'node_modules/babel-plugin-transform-runtime'), {
                polyfill: false,
                regenerator: true
              }],
              [path.resolve(__dirname, 'node_modules/babel-plugin-transform-async-to-module-method'), {
                module: 'bluebird',
                method: 'coroutine'
              }]
            ],
          }
        }
      }
    ]
  },
  output: {
    filename: '[name].js',
    chunkFilename: '[name].js',
    path: path.resolve(__dirname, 'example/build')
  },
  // 开发者工具
  // cheap-eval-source-map 打开source
  // inline-source-map 调试的时候需要，为每个文件加一个sourcemap的DataUrl，ps：是打包前的每个文件
  devtool: '#cheap-source-map',
  plugins: [
    new webpack.ProgressPlugin(),
    // define插件，可以做环境变量，代码切分等功能(这里需要拓展)
    new webpack.DefinePlugin({'process.env.NODE_ENV': JSON.stringify('development')}),
    // 把静态资源注入html的plugins
    new HtmlWebpackPlugin({template: path.resolve(__dirname, './example/index.html')}),
    // 代码压缩插件
    // new webpack.optimize.UglifyJsPlugin({sourceMap: true}),
    // js抽离逻辑
    new webpack.optimize.CommonsChunkPlugin({names: ['public', 'vendor'], minChunks: 2}),

    new AutoModulePlugin({
      basePath: path.resolve(process.cwd()), // 前端目录的base路径
      modelsPath: path.resolve(process.cwd(), './example/src/models'), // models目录的路径
      scenesPath: path.resolve(process.cwd(), './example/src/scenes'), // scenes目录的路径
      extensions: ['jsx', 'js']  // 识别文件类型
    }),
  ],
  devServer: {
    stats: 'errors-only',
    open: true
  },
  unPlugins: []
};

module.exports = webpackOpts;