nuxt 中使用scss

1 安裝

    npm 安裝，或者直接複製到package.json 中 使用npm i

    "node-sass": "^4.13.1",

    "sass-loader": "^8.0.2",

    "scss-loader": "0.0.1"

 

 

2 配置全局css樣式,

   1 全局common.scss 配置成全局css

    2 配置 

3 配置全局變量可以全局使用

  1 安裝這個 @nuxtjs/style-resources

  2 配置 這個

 styleResources: {     

    scss: './assets/common.scss'

  }, 

 

在modules 中添加一項

  modules: [

    '@nuxtjs/style-resources' 

  ],