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

时间：2019-09-16 09:46:43 阅读：68 评论：0 收藏：0 [点我收藏+]

需要使用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

踩

(0)

评论一句话评论（0）

分享档案

更多>