webpack.config.js

/*
 * Solo - A small and beautiful blogging system written in Java.
 * Copyright (c) 2010-present, b3log.org
 *
 * Solo is licensed under Mulan PSL v2.
 * You can use this software according to the terms and conditions of the Mulan PSL v2.
 * You may obtain a copy of Mulan PSL v2 at:
 *         http://license.coscl.org.cn/MulanPSL2
 * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 * See the Mulan PSL v2 for more details.
 */

/**
 * @fileoverview webpack ipfs.
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
 * @version 0.1.0.0, Jan 18, 2020
 */

const path = require('path')
const fs = require('fs')
const TerserPlugin = require('terser-webpack-plugin')
const {CleanWebpackPlugin} = require('clean-webpack-plugin')
const MiniCssExtractPlugin = require('mini-css-extract-plugin')

const genSkinsEntries = () => {
  const entries = {}
  fs.readdirSync('./src/main/resources/skins').forEach(function (file) {
    const jsPath = `./src/main/resources/skins/${file}`
    try {
      fs.statSync(`${jsPath}/js/common.js`)
      entries[`skins/${file}/js/common`] = `${jsPath}/js/common.js`
    } catch (e) {
    }

    try {
      fs.statSync(`${jsPath}/css/base.less`)
      entries[`dist/${file}/css/base`] = `${jsPath}/css/base.less`
    } catch (e) {
    }
  })

  return entries
}

module.exports = (env, argv) => {
  return {
    mode: argv.mode || 'development',
    watch: argv.mode !== 'production',
    stats: 'minimal',
    output: {
      filename: '[name].min.js',
      path: path.resolve(__dirname, './src/main/resources'),
    },
    entry: Object.assign(genSkinsEntries(), {
      'js/admin/admin': [
        './src/main/resources/js/admin/admin.js',
        './src/main/resources/js/admin/editor.js',
        './src/main/resources/js/admin/tablePaginate.js',
        './src/main/resources/js/admin/article.js',
        './src/main/resources/js/admin/articleList.js',
        './src/main/resources/js/admin/draftList.js',
        './src/main/resources/js/admin/pageList.js',
        './src/main/resources/js/admin/others.js',
        './src/main/resources/js/admin/linkList.js',
        './src/main/resources/js/admin/preference.js',
        './src/main/resources/js/admin/staticsite.js',
        './src/main/resources/js/admin/themeList.js',
        './src/main/resources/js/admin/pluginList.js',
        './src/main/resources/js/admin/userList.js',
        './src/main/resources/js/admin/categoryList.js',
        './src/main/resources/js/admin/plugin.js',
        './src/main/resources/js/admin/main.js',
        './src/main/resources/js/admin/about.js'],
      'js/common': './src/main/resources/js/common.js',
      'js/page': './src/main/resources/js/page.js',
      'dist/admin': './src/main/resources/less/admin.less',
      'dist/base': './src/main/resources/less/base.less',
      'dist/start': './src/main/resources/less/start.less',
    }),
    module: {
      rules: [
        {
          test: /\.js/,
          include: [
            path.resolve(__dirname, './src/main/resources/js'),
            path.resolve(__dirname, './src/main/resources/skins'),
          ],
          use: {
            loader: 'babel-loader',
            options: {
              presets: ['@babel/preset-env'],
            },
          },
        },
        {
          test: /\.less$/,
          include: [path.resolve(__dirname, './src/main/resources')],
          use: [
            {
              loader: 'file-loader',
              options: {
                name (file) {
                  const skins = file.split('skins')
                  if (skins.length === 2) {
                    return `skins/${skins[1].split(path.sep)[1]}/css/[name].css`
                  } else {
                    return 'less/[name].css'
                  }
                },
              },
            },
            {
              loader: 'extract-loader',
              options: {
                url: false,
              },
            },
            // MiniCssExtractPlugin.loader,
            {
              loader: 'css-loader', // translates CSS into CommonJS
              options: {
                url: false,
              },
            },
            {
              loader: 'postcss-loader',
              options: {
                postcssOptions: {
                  plugins: [
                    ['autoprefixer', {grid: true, remove: false}],
                  ],
                },
              },
            },
            {
              loader: 'less-loader', // compiles Less to CSS
            },
          ],
        },
      ],
    },
    optimization: {
      minimizer: [
        new TerserPlugin({
          cache: true,
          parallel: true,
          terserOptions: {
            output: {
              comments: false,
            },
          },
          sourceMap: false,
          extractComments: false,
        }),
      ],
    },
    plugins: [
      new CleanWebpackPlugin({
        cleanOnceBeforeBuildPatterns: [
          path.join(__dirname, 'src/main/resources/dist')],
      }),
      new MiniCssExtractPlugin(),
    ],
  }
}