nuxt.config.js

export default {
  // Target (https://go.nuxtjs.dev/config-target)
  target: 'static',

  // Global page headers (https://go.nuxtjs.dev/config-head)
  head: {
    title: 'Hawk. Errors catcher. Reimagined.',
    meta: [
      { charset: 'utf-8' },
      {
        name: 'viewport',
        content: 'width=device-width, initial-scale=1',
      },
      {
        hid: 'description',
        name: 'description',
        content: 'Hawk.so - errors tracking system.',
      },
      {
        name: 'msapplication-TileColor',
        content: '#242732',
      },
      {
        name: 'theme-color',
        content: '#242732',
      },
    ],
    link: [
      {
        rel: 'icon',
        type: 'image/x-icon',
        href: '/favicon-32.png',
        sizes: '32x32',
      },
      {
        rel: 'stylesheet',
        type: 'text/css',
        href: 'https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&display=swap',
      },
    ],
  },

  // Global CSS (https://go.nuxtjs.dev/config-css)
  css: [
    '@/assets/styles/variables',
    '@/assets/styles/common',
  ],

  yandexMetrika: {
    id: '87601980',
    clickmap: true,
    trackLinks: true,
    accurateTrackBounce: true,
  },

  // Auto import components (https://go.nuxtjs.dev/config-components)
  components: true,

  // Modules for dev and build (recommended) (https://go.nuxtjs.dev/config-modules)
  buildModules: [
    // https://go.nuxtjs.dev/typescript
    '@nuxt/typescript-build',
    '@nuxtjs/svg',
  ],

  // Modules (https://go.nuxtjs.dev/config-modules)
  modules: [
    '@nuxtjs/yandex-metrika'
  ],

  // Build Configuration (https://go.nuxtjs.dev/config-build)
  build: {
    postcss: {
      plugins: {
        // Consumes files by @import rule
        // https://github.com/postcss/postcss-import
        'postcss-import': {},

        'postcss-preset-env': {
          importFrom: './assets/styles/variables.pcss',
        },

        // /**
        //  * PostCSS Nested ancestors introduces ^& selector
        //  * which let you reference any parent ancestor selector
        //  * with an easy and customizable interface.
        //  */
        'postcss-nested-ancestors': {},

        // Nested rules unwrapper
        // https://github.com/postcss/postcss-nested
        // As you know 'postcss-preset-env' plugin has a 'postcss-nesting' feature
        // but it does not work with nested rules like BEM
        // Report: https://github.com/jonathantneal/postcss-nesting/issues/41
        'postcss-nested': {},

        /**
         * PostCSS Custom Media lets you use Custom Media Queries in CSS, following the CSS Media Queries specification.
         * https://github.com/postcss/postcss-custom-media
         */
        'postcss-custom-media': {},

        // Compression tool
        // https://github.com/cssnano/cssnano
        cssnano: {},

      },
      preset: {
        stage: 1,
        // Instruct all plugins to omit pre-polyfilled CSS
        // https://github.com/csstools/postcss-preset-env#preserve
        preserve: true,
        features: {
          // Modify colors using the color-mod() function in CSS
          // https://github.com/jonathantneal/postcss-color-mod-function
          'color-mod-function': {},
        },
      },
    },
  },
};