基于vue-cli3,全局集成 scss | sass

Css的预处理器

如果项目中没有scss预处理器,需要安装

 npm install -D sass-loader node-sass

修改配置文件 vue.config.js

const fs = require('fs')
module.exports = {
    css: {
        loaderOptions: {
            sass: {
                data: fs.readFileSync('src/assets/css/variable.scss', 'utf-8')
            }
        }
    }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 13,840评论 0 21
  • vue-cli3项目搭建配置以及性能优化 在之前的开发中主要用的是vue-cli2,最近空闲时间比较多,接下来有新...
    bayi_lzp阅读 19,507评论 16 68
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 10,827评论 1 32
  • 前言 本文主要从webpack4.x入手,会对平时常用的Webpack配置一一讲解,各个功能点都有对应的详细例子,...
    BetterChen阅读 5,925评论 0 3
  • 在这个世界上,最珍贵的就是时间,它来的时候我们没有感觉,它走的时候,我们也未曾发觉?所有无聊打发掉的时光都毫无印记...
    月灵零阅读 1,384评论 0 0