uni-cli创建项目sass配置uni.scss

使用uni-cli生产的项目,项目启动的时候,引入uni-ui结果报了sass找不到全局变量的错误,查看是因为uni.scss没有引入的原因,需要vue.config.js中配置sass的全局变量入口文件。

  • sass-loader如上版本号时,配置如下:
css: {
    loaderOptions: {
      sass: {
        // 全局sass变量 
        // sass-loader 8.0.0以前版本(包含)
        prependData: `@import "~@/src/uni.scss";`
      },
      // 还使用了less
      less:{}
    }
  },
  • “sass-loader”: “^10.1.1” 版本好10以后的配置
css: {
    loaderOptions: {
      sass: {
        // 全局sass变量 
        // sass-loader 新版本
        additionalData: `@import "~@/src/uni.scss";`
      },
      less:{}
    }, // Enable CSS modules for all css / pre-processor files. // This option does not affect *.vue files.
  },
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。