Snippets

Oleg Chulakov Studio Next.js CDN

Created by Артем Смирнов last modified Владимир Самсонов
<img src={`${process.env.ASSET_PREFIX}/static/images/logo.svg`} alt="Brand Logo" />
const withStylus = require('@zeit/next-stylus');
const withCSS = require('@zeit/next-css');
require('dotenv').config();
const dev = process.env.NODE_ENV !== 'production';

const ASSET_PREFIX = dev ? '' : process.env.ASSET_PREFIX; // префикс только в production-режиме

const config = {
  assetPrefix: ASSET_PREFIX, // префикс для ассетов(стили, скрипты)
  stylusLoaderOptions: {
    define: {
      ASSET_PREFIX, // пробрасываем переменную ASSET_PREFIX в Stylus
    },
  },
  env: {
    ASSET_PREFIX, // пробрасываем переменную окружения в приложение
  },
};

module.exports = withCSS(withStylus(config));
background-image: url(ASSET_PREFIX + '/static/img.jpg');

Comments (0)