webpack 中vue文件使用scss需要注意的地方

需要使用npm添加node_sass和sass_loader

并且在配置文件中添加规则:

    {
                test: /.scss$/,
                use: ["style-loader", "css-loader", "sass-loader"]
            }
前台写法:
<style scoped lang="scss">
body{
        div{
            font-style: italic;
            color:greenyellow
        }
}

</style>

其中scoped是只在这个.vue中应用样式,如果去掉会导致页面全局使用该样式

原文地址:https://www.cnblogs.com/llcdbk/p/11525599.html