aboutsummaryrefslogtreecommitdiff
path: root/vnext/webpack.config.js
blob: 97eeeb83e0e9e5bae19adc4ffd693d3a400f6a8f (plain) (blame)
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
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const history = require('connect-history-api-fallback');
const convert = require('koa-connect');
const internalIp = require('internal-ip');

module.exports = {
    devtool: process.env.WEBPACK_SERVE ? 'source-map' : false,
    mode: process.env.WEBPACK_SERVE ? 'development' : 'production',
    entry: {
        'Juick': [
            'file-loader?name=index.html!./src/views/index.html',
            __dirname + '/src/index.js',
            __dirname + '/src/style/main.css'
        ]
    },
    module: {
        rules: [
            {
                test: /\.css$/,
                use: [
                    MiniCssExtractPlugin.loader,
                    {
                        loader: "css-loader"
                    },
                    {
                        loader: "postcss-loader", options: {
                            plugins: () => [
                                require('autoprefixer')({
                                    browsers: 'last 4 versions, > 1%, ie >= 8'
                                })
                            ]
                        }
                    }
                ]
            },

            { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader' },
            { test: /\.(jpe?g|png|gif|svg)$/i, loaders: [
            'file-loader?hash=sha512&digest=hex&name=[hash].[ext]'
        ]}
	]
    },
    plugins: [
        new MiniCssExtractPlugin({ filename: "Juick.css", allChunks: true })
    ],
};

module.exports.serve = {
  content: [__dirname],
  host: internalIp.v4.sync(),
  add: (app, middleware, options) => {
    const historyOptions = {
      // ... see: https://github.com/bripkens/connect-history-api-fallback#options
    };

    app.use(convert(history(historyOptions)));
  }
};