選択できるのは25トピックまでです。
トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
101 行
2.1 KiB
101 行
2.1 KiB
//@ts-check
|
|
/** @typedef {import('webpack').Configuration} WebpackConfig **/
|
|
|
|
'use strict';
|
|
const path = require('path');
|
|
const CopyPlugin = require('copy-webpack-plugin');
|
|
const ImageMinimizerPlugin = require('image-minimizer-webpack-plugin');
|
|
|
|
module.exports =
|
|
/**
|
|
* @param {{ useOptimization?: boolean; squoosh?: boolean } | undefined } env
|
|
* @param {{ mode: 'production' | 'development' | 'none' | undefined }} argv
|
|
* @returns { WebpackConfig }
|
|
*/
|
|
function (env, argv) {
|
|
const mode = argv.mode || 'none';
|
|
const basePath = path.join(__dirname, 'src', 'webviews', 'apps');
|
|
|
|
env = {
|
|
useOptimization: false,
|
|
squoosh: false,
|
|
...env,
|
|
};
|
|
|
|
/** @type ImageMinimizerPlugin.Generator<any> */
|
|
// @ts-ignore
|
|
let imageGeneratorConfig = env.squoosh
|
|
? {
|
|
type: 'asset',
|
|
implementation: ImageMinimizerPlugin.squooshGenerate,
|
|
options: {
|
|
encodeOptions: {
|
|
webp: {
|
|
// quality: 90,
|
|
lossless: 1,
|
|
},
|
|
},
|
|
},
|
|
}
|
|
: {
|
|
type: 'asset',
|
|
implementation: ImageMinimizerPlugin.imageminGenerate,
|
|
options: {
|
|
plugins: [
|
|
[
|
|
'imagemin-webp',
|
|
{
|
|
lossless: true,
|
|
nearLossless: 0,
|
|
quality: 100,
|
|
method: mode === 'production' ? 4 : 0,
|
|
},
|
|
],
|
|
],
|
|
},
|
|
};
|
|
|
|
/** @type WebpackConfig['plugins'] */
|
|
const plugins = [
|
|
new CopyPlugin({
|
|
patterns: [
|
|
{
|
|
from: path.posix.join(basePath.replace(/\\/g, '/'), 'images', 'settings', '*.png'),
|
|
to: __dirname.replace(/\\/g, '/'),
|
|
},
|
|
],
|
|
}),
|
|
];
|
|
|
|
if (!env.useOptimization) {
|
|
plugins.push(
|
|
new ImageMinimizerPlugin({
|
|
deleteOriginalAssets: true,
|
|
generator: [imageGeneratorConfig],
|
|
}),
|
|
);
|
|
}
|
|
|
|
/** @type WebpackConfig */
|
|
const config = {
|
|
name: 'images',
|
|
context: basePath,
|
|
entry: {},
|
|
mode: mode,
|
|
plugins: plugins,
|
|
};
|
|
|
|
if (env.useOptimization) {
|
|
config.optimization = {
|
|
minimize: true,
|
|
minimizer: [
|
|
new ImageMinimizerPlugin({
|
|
deleteOriginalAssets: true,
|
|
generator: [imageGeneratorConfig],
|
|
}),
|
|
],
|
|
};
|
|
}
|
|
|
|
return config;
|
|
};
|