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中應用樣式，如果去掉會導致頁面全局使用該樣式