Question

我一直在使用create-next-app创建启动程序SSR反应，并想通过CSS模块配置添加SASS。我一直在浏览文档，并且必须配置next.config.js

对于create-next-app，它在next.config.js中带有此配置

module.exports = {
  webpack: config => {
    // Fixes npm packages that depend on 'f' module
    config.node = {
      fs: 'empty'
    }
    return config
  }
}

并且在文档中必须这样

const withCSS = require('@zeit/next-css')
module.exports = withCSS({
  cssModules: true,
  cssLoaderOptions: {
    importLoaders: 1,
    localIdentName: "[local]___[hash:base64:5]",
  }
})

我对如何将文档中的代码应用到create-next-app next.config.js感到困惑。

我只是想这样，但是在浏览许多网站教程后仍然不清楚

const withCSS = require('@zeit/next-css')
module.exports = withCSS({
  cssModules: true,
  cssLoaderOptions: {
    importLoaders: 1,
    localIdentName: "[local]___[hash:base64:5]",
  },
  webpack: config => {
    // Fixes npm packages that depend on 'f' module
    config.node = {
      fs: 'empty'
    }
    return config
  }
})

那么配置那个create-next-app next.config.js以便拥有sass和css模块以及webpack的正确代码是什么？

使用create-next-app配置问题以使用CSS模块添加sass

0 个答案: