182 lines
4.0 KiB
JavaScript
Executable File
182 lines
4.0 KiB
JavaScript
Executable File
const path = require('path');
|
|
const glob = require("glob-all");
|
|
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
|
const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
|
|
const CopyWebpackPlugin = require('copy-webpack-plugin');
|
|
const PurgecssPlugin = require("purgecss-webpack-plugin");
|
|
|
|
const isProduction = 'production' === process.env.NODE_ENV;
|
|
|
|
// Set the build prefix.
|
|
let prefix = isProduction ? '.min' : '';
|
|
|
|
const config = {
|
|
performance: {
|
|
maxEntrypointSize: 320000,
|
|
maxAssetSize: 640000,
|
|
},
|
|
entry: './assets/js/main.js',
|
|
output: {
|
|
filename: `[name]${prefix}.js`,
|
|
path: path.resolve(__dirname, 'dist')
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.js$/,
|
|
exclude: /node_modules/,
|
|
loader: 'babel-loader',
|
|
options: {
|
|
presets: [
|
|
[
|
|
"@babel/preset-env"
|
|
]
|
|
]
|
|
}
|
|
},
|
|
{
|
|
test: /\.[s]?css$/,
|
|
use: [
|
|
MiniCssExtractPlugin.loader,
|
|
"css-loader",
|
|
"sass-loader",
|
|
"postcss-loader",
|
|
],
|
|
},
|
|
{
|
|
test: /\.(woff(2)?|ttf|eot)(\?v=\d+\.\d+\.\d+)?$/,
|
|
type: 'asset/resource',
|
|
generator: {
|
|
filename: 'fonts/[name][ext]'
|
|
},
|
|
},
|
|
{
|
|
test: /\.svg$/,
|
|
type: 'asset/resource',
|
|
generator: {
|
|
filename: (pathData) => {
|
|
if (pathData.filename.includes("bootstrap-icons")) {
|
|
return 'images/bsi-[name][ext]';
|
|
} else {
|
|
return 'images/svg-[name][ext]';
|
|
}
|
|
},
|
|
},
|
|
use: [
|
|
{
|
|
loader: 'svgo-loader',
|
|
options: {
|
|
configFile: path.resolve('svgo.config.js'),
|
|
}
|
|
}
|
|
],
|
|
},
|
|
]
|
|
},
|
|
optimization: {
|
|
minimizer: ["...", new CssMinimizerPlugin()],
|
|
},
|
|
mode: process.env.NODE_ENV,
|
|
resolve: {
|
|
alias: {
|
|
'@' : path.resolve('assets'),
|
|
'@images': path.resolve('../images')
|
|
}
|
|
},
|
|
plugins: [
|
|
new MiniCssExtractPlugin({ filename: `[name]${prefix}.css` }),
|
|
new CopyWebpackPlugin({
|
|
patterns: [{
|
|
from: './assets/images/',
|
|
to: 'images',
|
|
globOptions: {
|
|
ignore: [
|
|
'**/.DS_Store'
|
|
]
|
|
}
|
|
}]
|
|
}),
|
|
].concat(
|
|
isProduction
|
|
? [
|
|
new PurgecssPlugin({
|
|
paths: glob.sync([
|
|
'./*.php',
|
|
'./src/**/*.php',
|
|
'./page-templates/*.php',
|
|
'./content-templates/*.php',
|
|
]),
|
|
safelist: {
|
|
greedy: getCSSWhitelistPatterns(),
|
|
},
|
|
}),
|
|
]
|
|
: []
|
|
)
|
|
}
|
|
|
|
/**
|
|
* List of RegExp patterns for PurgeCSS
|
|
* @returns {RegExp[]}
|
|
*/
|
|
function getCSSWhitelistPatterns() {
|
|
return [
|
|
/^home(-.*)?$/,
|
|
/^blog(-.*)?$/,
|
|
/^archive(-.*)?$/,
|
|
/^date(-.*)?$/,
|
|
/^error404(-.*)?$/,
|
|
/^admin-bar(-.*)?$/,
|
|
/^search(-.*)?$/,
|
|
/^nav(-.*)?$/,
|
|
/^wp(-.*)?$/,
|
|
/^has(-.*)?$/,
|
|
/^screen(-.*)?$/,
|
|
/^navigation(-.*)?$/,
|
|
/^(.*)-template(-.*)?$/,
|
|
/^(.*)?-?single(-.*)?$/,
|
|
/^postid-(.*)?$/,
|
|
/^post(-.*)?$/,
|
|
/^sticky(-.*)?$/,
|
|
/^attachmentid-(.*)?$/,
|
|
/^attachment(-.*)?$/,
|
|
/^page(-.*)?$/,
|
|
/^(post-type-)?archive(-.*)?$/,
|
|
/^author(-.*)?$/,
|
|
/^category(-.*)?$/,
|
|
/^tag(-.*)?$/,
|
|
/^menu(-.*)?$/,
|
|
/^more(-.*)?$/,
|
|
/^wpforms(-.*)?$/,
|
|
/^tags(-.*)?$/,
|
|
/^tax-(.*)?$/,
|
|
/^term-(.*)?$/,
|
|
/^date-(.*)?$/,
|
|
/^(.*)?-?paged(-.*)?$/,
|
|
/^depth(-.*)?$/,
|
|
/^children(-.*)?$/,
|
|
/^figure$/,
|
|
/^blockquote$/,
|
|
/^tsml(-.*)?$/,
|
|
/^is-active$/,
|
|
/^collapse$/,
|
|
/^collapsed$/,
|
|
/^collapsing$/,
|
|
/^label$/,
|
|
/^input$/,
|
|
/^textarea$/,
|
|
/^select$/,
|
|
/^img$/,
|
|
/^ul$/,
|
|
/^li$/,
|
|
/^h.$/,
|
|
/^pre$/,
|
|
/^code$/,
|
|
/^fp-(.*)$/,
|
|
/^rpwwt-(.*)$/,
|
|
/^dropdown-(.*)$/,
|
|
];
|
|
}
|
|
|
|
module.exports = config
|