vue中全局使用scss

港控/mmm° 2022-05-08 05:28 439阅读 0赞

在vue中全局使用scss需要先安装 sass-resources-loader，使用npm install sass-resources-loader —save-dev 命令安装。

然后在util.js文件夹里修改：70

  1. return {
  2.         css: generateLoaders(),
  3.         postcss: generateLoaders(),
  4.         less: generateLoaders('less'),
  5.         sass: generateLoaders('sass', {
  6.             indentedSyntax: true
  7.         }),
  8. //          scss: generateLoaders('sass'),
  9.                 scss: generateLoaders('sass').concat({
  10.                     loader: 'sass-resources-loader',
  11.                     options: {
  12.                         resources: path.resolve(__dirname, '../src/assets/scss/base.scss')
  13.                     }
  14.                 }),
  15. //        scss: generateLoaders('sass', {
  16. //            data: '@import "../assets/scss/base";'
  17. //        }),
  18.         stylus: generateLoaders('stylus'),
  19.         styl: generateLoaders('stylus')
  20.     }

然后重启服务就可以了。

发表评论

表情：
评论列表 （有 0 条评论，439人围观）

还没有评论，来说两句吧...

相关阅读