vue中使用sass 配置

最新推荐文章于 2024-04-03 14:42:18 发布

原创最新推荐文章于 2024-04-03 14:42:18 发布 · 287 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue使用sass

vue 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍如何在Vue项目中集成Sass，包括安装依赖、配置Webpack及在Vue组件中使用Sass。通过具体步骤，读者可以快速掌握Sass在Vue项目中的应用。

                    
                    首先进入vue 项目，npm install安装依赖
安装sass的依赖包

npm install --save-dev sass-loader

/sass-loader依赖于node-sass/

npm install --save-dev node-sass

3、在build文件夹下的webpack.base.conf.js的rules里面添加配置

{

test: /.sass$/,

loaders: [‘style’, ‘css’, ‘sass’]

}
在vue文件中，使用：

< style lang=“scss” scoped></ style>