symphony-bdk-app-template/webpack.common.js at develop · rovaris/symphony-bdk-app-template · 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
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const webpack = require('webpack');

const appEntry = './extension-app/app.js';
const controllerEntry = './extension-app/controller.js';

let currEnv = '';
const setApi = (env) => {
  currEnv = env.toUpperCase();
};

module.exports = (env) => {
  console.log('Current environment: ', env);
  setApi(env);
  return {
    entry: {
      controller: path.resolve(__dirname, controllerEntry),
      app: path.resolve(__dirname, appEntry),
    },

    output: {
      path: path.resolve(__dirname, 'dist'),
      filename: '[name].bundle.js',
      publicPath: '/',
    },

    module: {
      rules: [
        {
          test: /\.(png|woff|woff2|eot|ttf|svg)$/,
          use: [{
            loader: 'url-loader',
            options: {
              limit: 81920,
            },
          }],
        },
        {
          test: /\.(gif|png|jpe?g|svg)$/i,
          use: [
            'file-loader',
            {
              loader: 'image-webpack-loader',
              options: {
                bypassOnDebug: true, // webpack@1.x
                disable: true, // webpack@2.x and newer
              },
            },
          ],
        },
        {
          test: /\.jsx?$/,
          loader: 'babel-loader',
          exclude: /node_modules/,
          query: {
            presets: ['@babel/react', '@babel/preset-env'],
          },
        },
        {
          test: /\.(scss|css)$/,
          use: ['style-loader', 'css-loader', 'sass-loader'],
        },
        { test: /\.hbs$/, loader: 'raw-loader' },
      ],
    },

    resolve: {
      extensions: ['.js', '.jsx'],
      alias: {
        handlebars: 'handlebars/dist/handlebars.min.js',
        // https://github.com/facebook/react/issues/14721#issuecomment-458757426
        react: path.resolve('./node_modules/react'),
        'styled-components': path.resolve('./node_modules/styled-components'),
        'react-data-table-component': path.resolve('./node_modules/react-data-table-component'),
      },
    },

    plugins: [
      new HtmlWebpackPlugin({
        filename: 'controller.html',
        template: './extension-app/public/controller.html',
        inject: false,
      }),
      new HtmlWebpackPlugin({
        filename: 'app.html',
        template: './extension-app/public/app.html',
        inject: false,
      }),
      new webpack.DefinePlugin({
        'process.env.currEnv': JSON.stringify(currEnv),
      }),
      new CopyWebpackPlugin([
        { from: './extension-app/public/assets', to: 'assets' },
      ]),
      new CopyWebpackPlugin([
        { from: './extension-app/public/sass/fonts', to: 'fonts' },
      ]),
      new CopyWebpackPlugin([
        { from: './extension-app/public/config.js', to: '' },
      ]),
    ],
  };
};