在NUXTjs中提取CSS生成

Question

使用时，nuxt generate我会生成各种HTML页面，这些页面的大小大约为300 kB。该文件的大多数是内联放置在其中的CSS样式。是否可以将其放入外部文件并减小HTML的大小？

Answer 1

您可以使用以下命令将主块中的CSS提取到单独的CSS文件中

nuxt.config.js

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

这是记录在这里

如果要全局导入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'
  ]
}

作为记录在这里