authoring-client/webpack.dist.js at master · Simon-Initiative/authoring-client · 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
var path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');

const pathsToClean = ['dist'];
const cleanOptions = {};

module.exports = {
    mode: 'production',
    entry: {
        app: ['whatwg-fetch', './src/app.tsx'],
        vendor: [
            'slate',
            'slate-react',
            'slate-html-serializer',
            'slate-plain-serializer',
            'history',
            'immutable',
            'json-beautify',
            'jquery',
            'keycloak-js',
            'react',
            'react-addons-css-transition-group',
            'react-addons-shallow-compare',
            'react-bootstrap-typeahead',
            'react-dnd',
            'react-dnd-html5-backend',
            'react-dom',
            'react-redux',
            'redux',
            'redux-thunk',
            'tsmonad',
            'whatwg-fetch'
        ]
    },
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: '[name].[chunkhash].js'
    },
    devtool: 'source-map',
    externals: {
    },
    resolve: {
        // Add '.ts' and '.tsx' as resolvable extensions.
        extensions: ['.ts', '.tsx', '.js', '.jss'],

        // Add webpack aliases for top level imports
        alias: {
            actions: path.resolve(__dirname, 'src/actions'),
            components: path.resolve(__dirname, 'src/components'),
            data: path.resolve(__dirname, 'src/data'),
            editors: path.resolve(__dirname, 'src/editors'),
            reducers: path.resolve(__dirname, 'src/reducers'),
            styles: path.resolve(__dirname, 'src/styles'),
            stylesheets: path.resolve(__dirname, 'src/stylesheets'),
            types: path.resolve(__dirname, 'src/types'),
            utils: path.resolve(__dirname, 'src/utils'),
        },
    },
    optimization: {
        namedModules: true,
        splitChunks: {
            name: 'vendor',
        },
        noEmitOnErrors: true,
        concatenateModules: true,
    },
    plugins: [
        new webpack.DefinePlugin({
            'process.env': {
                NODE_ENV: JSON.stringify('production')
            }
        }),
        new CleanWebpackPlugin(pathsToClean, cleanOptions),
        new HtmlWebpackPlugin({
            template: '!!underscore-template-loader!./index.html',
            inject: false,
            favicon: 'assets/oli-icon.png',
        }),
        new webpack.HashedModuleIdsPlugin(),
    ],
    module: {
        rules: [
            { test: /\.html$/, loader: 'underscore-template-loader' },
            { test: /\.css$/, use: ['style-loader', 'css-loader'] },
            {
                test: /\.scss$/,
                use: [
                    { loader: 'style-loader' },
                    { loader: 'css-loader' },
                    {
                        loader: 'sass-loader',
                        options: {
                            includePaths: [
                                path.join(__dirname, 'src/stylesheets'),
                            ],
                            sourceMap: true
                        }
                    }]
            },
            { test: /\.(png|gif|jpg|jpeg|svg)$/, use: 'file-loader' },
            { test: /\.ts$/, use: ['babel-loader', 'ts-loader'], exclude: /node_modules/ },
            { test: /\.tsx$/, use: ['babel-loader', 'ts-loader'], exclude: /node_modules/ }
        ]

    }
};