bc-admin-third/webpack.config.js at master · baserproject/bc-admin-third · 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
/**
 * baserCMS :  Based Website Development Project <https://basercms.net>
 * Copyright (c) NPO baser foundation <https://baserfoundation.org/>
 *
 * @copyright     Copyright (c) NPO baser foundation
 * @link          https://basercms.net baserCMS Project
 * @since         5.0.0
 * @license       https://basercms.net/license/index.html MIT License
 */

const { VueLoaderPlugin } = require('vue-loader');
const glob = require("glob");
const TerserPlugin = require('terser-webpack-plugin');
const path = require('path');
const webpack = require('webpack');
let entries = {};

glob.sync("./src/**/*.js").map(function (file) {
    if (file.indexOf('src/js/admin/') === 0) {
        if (!file.replace('src/js/admin/', '').match(/^common\//)) {
            entries[file.replace('src/', '').split('.').shift()] = './' + file;
        }
    }
    else if (file.match(/src\/.+\/js\/admin\//)) {
        if (!file.replace(/src\/.+\/js\/admin\//, '').match(/^common\//)) {
            entries[file.replace('src/', '').split('.').shift()] = './' + file;
        }
    }
});

module.exports = {
    mode: 'production',
    entry: entries,
    devtool: 'source-map',
    output: {
        filename: "[name].bundle.js",
        path: path.join(__dirname, 'webroot/js')
    },
    resolve: {
        modules: [
            path.resolve(__dirname, '../../node_modules'),
            'node_modules'
        ],
        fallback: {
            'process/browser': require.resolve('process/browser'),
        },
    },
    optimization: {
        splitChunks: {
            name: 'js/admin/vendor',
            chunks: 'initial',
        },
        minimizer: [new TerserPlugin({
            extractComments: false,
        })],
    },
    plugins: [
        new VueLoaderPlugin(),
        // Vue 3用の定義
        new webpack.DefinePlugin({
            __VUE_OPTIONS_API__: JSON.stringify(true),
            __VUE_PROD_DEVTOOLS__: JSON.stringify(false),
            __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: JSON.stringify(false)
        }),
        // webpack5 に移行時の問題に必要となった
        // vuelidate を読み込む際に、process が見つからないというエラーがあり、BcFavoriteが動かなくなったため
        // npm で、process をインストールして利用する
        new webpack.ProvidePlugin({
            process: 'process/browser',
        }),
    ],
    module: {
        rules: [
            {
                test: /\.vue$/,
                exclude: /node_modules/,
                loader: 'vue-loader'
            },
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: {
                    loader: 'babel-loader',
                    options: {
                        presets: ['@babel/preset-env']
                    }
                }
            },
            {
                test: /\.(sc|c|sa)ss$/,
                use: [
                    'style-loader',
                    'css-loader'
                ]
            }
        ]
    }
};