orejime/webpack.config.js at master · Gouterman/orejime · 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
var path = require('path')
var webpack = require('webpack')
var MiniCssExtractPlugin = require('mini-css-extract-plugin')
var packageInfo = require('./package.json')

var BUILD_DIR = path.resolve(__dirname, 'dist')
var SRC_DIR = path.resolve(__dirname, 'src')
var IS_DEV = process.env.NODE_ENV === 'development'

var config = {
    mode: IS_DEV ? 'development' : 'production',
    target: 'web',
    context: SRC_DIR,
    resolve: {
        symlinks: false,
        extensions: ['.js', '.jsx'],
        alias: {
            'react': 'preact-compat',
            'react-dom': 'preact-compat'
        }
    },
    module: {
        rules: [
            {
                test: /\.(png|woff|woff2|eot|ttf|svg)$/,
                use: [{
                    loader: 'url-loader',
                    options: {
                        limit: 100000
                    }
                }]
            },
            {
                test: /\.s?[ac]ss$/,
                use: [
                    MiniCssExtractPlugin.loader,
                    withEnvSourcemap('css-loader'),
                    withEnvSourcemap('sass-loader')
                ]
            },
            {
                test: /\.yaml|yml$/,
                use: ['json-loader', 'yaml-loader']
            },
            {
                test: /\.jsx?/,
                include: [SRC_DIR],
                use: ['babel-loader']
            }
        ]
    },
    entry: [
        SRC_DIR + '/orejime.js',
        SRC_DIR + '/scss/orejime.scss'
    ],
    output: {
        path: BUILD_DIR,
        filename: 'orejime.js',
        library: 'Orejime',
        libraryTarget: 'umd',
        publicPath: ''
    },
    plugins: [
        new MiniCssExtractPlugin({
            filename: 'orejime.css'
        }),
        new webpack.BannerPlugin({
            banner: packageInfo.name + ' v' + packageInfo.version + ' - ' + packageInfo.license + ' license, ' +
        'original work Copyright (c) 2018 DPKit, ' +
        'modified work Copyright (c) 2018 Empreinte Digitale, ' +
        'all rights reserved.'
        })
    ]
}

if (IS_DEV) {
    config.devtool = 'inline-source-maps'
}

module.exports = config

function withEnvSourcemap (loader) {
    return IS_DEV ? loader + '?sourceMap' : loader
}