fix: FOUC on dev

This commit is contained in:
cha0s 2024-01-10 12:58:53 -06:00
parent 9a58b500ba
commit 213cbffb84

View File

@ -2,6 +2,7 @@ import {regexFromExtensions} from '@flecks/core/server';
import MiniCssExtractPlugin from 'mini-css-extract-plugin';
const augmentBuild = (target, config, env, argv, flecks) => {
const isProduction = 'production' === argv.mode;
let finalLoader;
switch (target) {
case 'fleck': {
@ -66,6 +67,7 @@ const augmentBuild = (target, config, env, argv, flecks) => {
config.module.rules.push(stylesWithModulesRule(['.css'], [postcss]));
config.module.rules.push(stylesWithModulesRule(['.sass', '.scss'], [postcss, 'sass-loader']));
// Fonts.
if (isProduction) {
config.module.rules.push({
generator: {
filename: 'assets/[hash][ext][query]',
@ -73,6 +75,13 @@ const augmentBuild = (target, config, env, argv, flecks) => {
test: /\.(eot|ttf|woff|woff2)(\?v=\d+\.\d+\.\d+)?$/,
type: 'asset',
});
}
else {
config.module.rules.push({
test: /\.(eot|ttf|woff|woff2)(\?v=\d+\.\d+\.\d+)?$/,
type: 'asset/inline',
});
}
// Images.
config.module.rules.push({
generator: {