2019-03-20

首先安装依赖包

npm install --save-dev sass-loader
npm install --save-dev node-sass //sass-loader依赖于node-sass
npm install sass-resources-loader --save-dev //全局引入scss文件的依赖包
npm install vue-style-loader --save-dev

找到build/utils.js,找到 scss: generateLoaders('sass'),修改如下:

     {
       loader: 'sass-resources-loader',
       options: {
         //scss全局文件的路径
         resources: path.resolve(__dirname, '../src/css/common.scss')
       }
     }
   ),

完成这步后,可以在main.js中 import ‘./common/csss/index.scss’ 此路径按照你自己的scss文件存放填写

最后npm run dev ,项目跑起来后,引进的scss文件里面的样式,变量等都可以在组件中使用了。

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

推荐阅读更多精彩内容

  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,223评论 0 21
  • http://blog.csdn.net/weizengxun/article/details/53448885 ...
    晓卢轩阅读 628评论 0 0
  • 本文主要分为:环境配置使用配置文件CSS 处理ES6 代码编辑文件压缩SASS 处理CSS 与 JS 分离文件处理...
    _月光临海阅读 515评论 0 1
  • 今天和弟弟来保养车。这是第二次来宁波,一路上雨下个不停,把车开到店里。 工作人员给我和弟弟两张餐券,早晨没吃饭,却...
    法桐阅读 173评论 0 1
  • 今日书单一大堆 白天发来照片在幼儿园玩的真是开心,蹦蹦跳跳像小兔子,告诉我那个男老师叫什么哥哥。下午放学回来...
    咿呀嘿呀诺诺阅读 183评论 0 0