- 进入项目目录:
C:\Users\PC>cd XXX/XXXX/xxx //你的项目目录
- 安装sass的依赖:
npm install --save-dev sass-loader
npm install --save-dev node-sass
- 在build文件夹下的webpack.base.conf.js的rules里面添加配置(和其它配置项形式一样即可):
{
test: /\.sass$/,
loaders: ['style', 'css', 'sass']
}
- 在使用sass的vue文件的
<style lang="scss">
- 然后正常运行项目即可。
配置Sass与Webpack
本文详细介绍了如何在项目中配置Sass预处理器与Webpack。首先,需进入项目目录并安装必要的依赖,包括'sass-loader'和'node-sass'。之后,在'webpack.base.conf.js'的'rules'部分添加Sass配置。最后,在Vue文件中使用'scss'语法即可。
591

被折叠的 条评论
为什么被折叠?



