vue-cli引入全局scss方法

引入scss

vue-cli 2.x

npm  install sass-loader --save-dev
npm install node-sass --sava-dev

之后再创建 vue.config.js 文件,如果这文件在你项目的根目录下面已经存在则不用创建

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        prependData: `@import "@/assets/css/index.scss";`
      }
    }
  }
};

vue-cli 3.x

loaderOptions 更改 data

SASS用法指南 (大佬阮一峰)

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • web前端: vue-cli 3.0 入门介绍
    最近老大让负责一个移动端webapp的前端部分，可是我以前都没有做过移动端的开发/(ㄒoㄒ)/~~。老大难道是锻(...
    长肉肉呱阅读 2,433评论 4赞 49
  • 在vue-cli中安装scss，且可以全局引入scss的步骤
    在写vue的css样式时，觉得需要css预处理器让自己的css更加简洁、适应性更强、可读性更佳，更易于代码的维护，...
    独行侠_ef93阅读 1,149评论 0赞 1
  • 详解Vue-cli
    本文目录： 1.什么是脚手架工具 什么是Vue-cli 3.安装工具 4.基于3.x创建vue项目 5.项目的自定...
    前端辉羽阅读 1,457评论 0赞 11
  • vue-cli 3.0 入门
    环境安装 全新版本的脚手架、逼格非常高、 记住这个名字 @vue/cli ，对就是这个 你npm 或者yarn 安...
    yonglei_shang阅读 2,044评论 0赞 8
  • 送你一个晚安故事
    我是黑夜里大雨纷飞的人啊 1 “又到一年六月，有人笑有人哭，有人欢乐有人忧愁，有人惊喜有人失落，有的觉得收获满满有...
    陌忘宇阅读 8,626评论 28赞 53