wp-proud-theme/vite.config.js at master · proudcity/wp-proud-theme · 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
import { defineConfig } from 'vite';
import { resolve } from 'path';
import { viteStaticCopy } from 'vite-plugin-static-copy';

export default defineConfig({
  plugins: [
    viteStaticCopy({
      targets: [
        {
          src: 'assets/fonts/*',
          dest: 'fonts'
        }
      ]
    })
  ],
  css: {
    preprocessorOptions: {
      scss: {
        api: 'modern-compiler',
        // 'import' + 'if-function': bootstrap-sass and FA v6 use legacy syntax we cannot patch
        // 'global-builtin' + 'color-functions': bootstrap-sass/_variables.scss has 29+ lighten/darken/ceil/floor calls
        // 'slash-div': proudcity-patterns/vendor/_card.scss has slash-division — third-party, maintenance-mode libs
        silenceDeprecations: ['import', 'if-function', 'global-builtin', 'color-functions', 'slash-div'],
        loadPaths: [
          'node_modules/bootstrap-sass/assets/stylesheets',
          'node_modules/proudcity-patterns/app',
          'node_modules',
          'assets/styles'
        ]
      }
    }
  },
  build: {
    outDir: 'dist',
    rollupOptions: {
      input: {
        // SCSS entry points
        'styles/proud': resolve(__dirname, 'assets/styles/proud.scss'),
        'styles/proud-vendor': resolve(__dirname, 'assets/styles/proud-vendor.scss'),
        'styles/editor': resolve(__dirname, 'assets/styles/editor.scss'),
        'styles/ie9-and-below': resolve(__dirname, 'assets/styles/ie9-and-below.scss'),
        // JS entry points
        'scripts/main': resolve(__dirname, 'assets/scripts/main.js'),
        'scripts/customizer': resolve(__dirname, 'assets/scripts/customizer.js'),
        'scripts/modernizr': resolve(__dirname, 'assets/scripts/modernizr.js'),
        'scripts/bootstrap': resolve(__dirname, 'node_modules/bootstrap-sass/assets/javascripts/bootstrap.js')
      },
      output: {
        // Keep predictable filenames for WordPress
        // Output JS as .min.js to match WordPress enqueue expectations
        entryFileNames: '[name].min.js',
        chunkFileNames: '[name].min.js',
        assetFileNames: '[name][extname]'
      }
    },
    sourcemap: true,
    cssMinify: true,
    minify: 'terser',
    terserOptions: {
      format: {
        comments: false
      }
    }
  }
});