项目使用vue cli 3.x搭建,没有了配置文件,如何更方便的查找到对应的scss文件,配置项目支持sourceMap方式?

分二步走:

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

1、项目根目录(不是src目录,不要搞错了)添加vue.config.js

2、vue.config.js内容如下:

module.exports = {
    css: {
        sourceMap: true, // 开启 CSS source maps
    }
}

  

记得要停止项目,再重新运行项目

npm run serve

不然你以为没有生效,以为我在忽悠你,根本没作用嘛。。。。

这样,在浏览器,就能方便找到样式的归属啦:

 vue cli 3.x 配置使用 sourceMap 随笔

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄