按照各种vue cli示例成功将scss文件实现到vue文件中,页面现在加载了css导入,但是我无法检查css声明来自哪个文件/行号,所有它在chrome控制台中都说不在实际文件,如“margin.scss line 40”。
这是我的vue.config.js
module.exports = {
pluginOptions: {
'style-resources-loader': {
preProcessor: 'scss',
patterns: ["@/src/css/index.scss"]
}
},
这是我的App.vue
<template>
<div >
</div>
</template>
<style lang="scss" >
@import "./css/index.scss";
</style>
这就是我所看到的
激活源图:
module.exports = {
css: {
sourceMap: true,
},
pluginOptions: {
'style-resources-loader': {
preProcessor: 'scss',
patterns: ["@/src/css/index.scss"]
}
},