reposplit/webpack.config.babel.js at master · git-toni/reposplit · 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
import path from 'path';
import HtmlWebpackPlugin from 'html-webpack-plugin';
import webpack, {HotModuleReplacementPlugin} from 'webpack';

export default () => ({
  entry: [
    //'react-hot-loader/patch', // Needed to preserve state
    //'webpack-dev-server/client?http://localhost:8080', // webpack dev server host and port
    path.join(__dirname, 'src/index.js'),
  ],
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',
    publicPath: '/'
  },
  plugins: [
    new HtmlWebpackPlugin({
        filename: 'index.html',
        template: './index.html'
    }),
  ],
  module: {
    rules: [
      {
        test: /.jsx?$/,
        exclude: /node_modules/,
        include: path.join(__dirname, 'src'),
        use: [
          {
            loader: 'babel-loader',
            options: {
              babelrc: false,
              presets: [
                ['es2015', { modules: false }],
                'react',
                'stage-2'
              ],
              //plugins: ['react-hot-loader/babel'],
              plugins: ['transform-decorators-legacy','transform-react-jsx'],
            }
          }
        ]
      },
      {
        test: /\.(css|scss|sass)$/,
        //loader: 'style-loader!css-loader!sass-loader',
        use:[
          'style-loader',
          'css-loader',
          'sass-loader',
        ]
      },
      { test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, use: "url-loader?limit=10000&mimetype=application/font-woff" },
      { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, use: "file-loader" }
    ]
  },
  devServer: {
    hot: true,
    historyApiFallback: true
  },
  resolve: {
    extensions: [ '.js', '.jsx'],
  },
  externals:{
    //react: {
    //  root: 'React',
    //  commonjs2: 'react',
    //  commonjs: 'react',
    //  amd: 'react',
    //  umd: 'react',
    //},
    //'react-dom': {
    //  root: 'ReactDOM',
    //  commonjs2: 'react-dom',
    //  commonjs: 'react-dom',
    //  amd: 'react-dom',
    //  umd: 'react-dom',
    //},
    //'ramda': {
    //  root: 'R',
    //  commonjs2: 'ramda',
    //  commonjs: 'ramda',
    //  amd: 'ramda',
    //  umd: 'ramda',
    //},
  }

});