gulp-template/project.config.js at main · hHolyMolly/gulp-template · 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
/**
 * Project Configuration
 *
 * This file contains user-facing settings only.
 * Directory structure and internal paths are managed by gulp/configs/paths.js
 */

const isDev = process.env.NODE_ENV !== 'production';
const isProd = process.env.NODE_ENV === 'production';

export const projectConfig = {
  // ─────────────────────────────────────────────────────────
  // Environment
  // ─────────────────────────────────────────────────────────

  env: { isDev, isProd },

  // ─────────────────────────────────────────────────────────
  // Dev Server (BrowserSync)
  // ─────────────────────────────────────────────────────────

  server: {
    port: Number(process.env.PORT) || 3000,
    hostname: process.env.SITE_URL || 'http://localhost:3000',
    open: true, // open browser on `pnpm dev`
  },

  // ─────────────────────────────────────────────────────────
  // Build Optimization
  // ─────────────────────────────────────────────────────────

  sourceMaps: isDev,

  optimization: {
    minify: {
      html: isProd,
      css: isProd,
      js: isProd,
      images: isProd,
    },
    criticalCSS: false, // include critical.scss in build
    sitemap: false, // generate sitemap.xml
    robots: false, // generate robots.txt
  },

  // ─────────────────────────────────────────────────────────
  // Images
  // ─────────────────────────────────────────────────────────

  images: {
    webp: {
      enabled: true,
      quality: 80,
    },
    jpeg: {
      quality: 80,
      progressive: true,
    },
    png: {
      compressionLevel: 9,
    },
  },

  // ─────────────────────────────────────────────────────────
  // SVG Sprites
  // ─────────────────────────────────────────────────────────

  sprites: {
    enabled: true,
    fileName: 'sprite.symbol.svg',
  },

  // ─────────────────────────────────────────────────────────
  // Build Report
  // ─────────────────────────────────────────────────────────

  sizeReport: {
    enabled: true,
    gzip: true,
  },

  // ─────────────────────────────────────────────────────────
  // PostCSS — additional plugins (applied after Autoprefixer)
  // Example: [require('postcss-custom-media')]
  // ─────────────────────────────────────────────────────────

  postcss: {
    plugins: [],
  },
};