Question

使用nuxt generate时，我生成的各种HTML页面大小约为300 kB。该文件的大多数是嵌入其中的CSS样式。它是一种将它放在外部文件中并减小HTML大小的方法吗？

Answer 1

您可以使用以下方法将主块中的CSS提取到单独的CSS文件中：

nuxt.config.js

module.exports = {
  build: {
    extractCSS: true
  }
}

已记录here

如果要全局导入css文件，请使用

module.exports = {
  css: [
    // Load a Node.js module directly (here it's a Sass file)
    'bulma',
    // CSS file in the project
    '@/assets/css/main.css',
    // SCSS file in the project
    '@/assets/css/main.scss'
  ]
}

here

在NUXTjs生成中提取CSS

1 个答案: