Далее. js всегда импортирует все .s css файлы - PullRequest
Новая
       29

Далее. js всегда импортирует все .s css файлы

0 голосов
/ 01 мая 2020

Я заметил, что даже если я импортирую только определенные файлы c .s css в каждый компонент, Next. js все еще импортирует все .s css на каждой странице.

Это действительно расстраивает, есть ли способ избежать такого поведения?

Например, в моем файле pages/spesa/index.js я также вижу стили, которые я применяю в файле с именем checkout.scss, который импортируется только в pages/checkout/index.js

Прикрепление config.next.js для справки 

const dotEnvResult = require('dotenv').config()
const parsedVariables = dotEnvResult.parsed || {}
const dotEnvVariables = {}
// We always want to use the values from process.env, since dotenv
// has already resolved these correctly in case of overrides
for (const key of Object.keys(parsedVariables)) {
  dotEnvVariables[key] = process.env[key]
}

const withStyles = require('@webdeb/next-styles')

module.exports = withStyles({
  less: true, // use .less files
  sass: true, // use .scss files
  modules: true, // style.(m|module).css & style.(m|module).scss for module files
  lessLoaderOptions: {
    javascriptEnabled: true,
  },
  sassLoaderOptions: {
    sourceMap: true,
    sassOptions: {
      includePaths: ["src/styles"], // @import 'variables'; # loads (src/styles/varialbes.scss), you got it..
    },
  },

  env: {
    ...dotEnvVariables
  },

  webpack: (config, options) => {
    return config
  },
})

Примечание: поведение происходит только при навигации по сайту. Если я запускаю свой dev-сервер и остаюсь только на одной странице, такой ошибки нет. Это как будто он обслуживает файлы, загруженные до

...