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