vue 項目控制檯調試時不顯示css具體位置

注：該文章適用於vue cli 3版本

問題：控制檯調試定位css所在文件和行數

解決方法：

在vue.config.js中配置

module.exports = {
    css: {
        sourceMap: true // 開啓 CSS source maps
    }
}    

配置好之後重新運行項目纔可以生效

效果如圖：右上角就是當前樣式的所屬文件