nuxt 页面编译的全局样式出现多个重复代码段

问题描述

引入全局的scss文件，使项目中可以@extend继承样式，但是在编译的时候发现出现很多重复的代码段。

---

解决方案

首先，要npm i @nuxtjs/style-resources  （避免出现样式闪烁）； 

nuxt.config.js文件中添加：

module.exports = {
  modules: [
    '@nuxtjs/style-resources'
  ],
  styleResources: {
    scss: ['./assets/css/common.scss']
  }
}

 再在build里面添加：extractCSS: true

然后重启项目。