为 vue 项目添加 sass-loader 依赖
时间: 2023-12-08 10:04:03 浏览: 143
在vue项目中使用sass的配置方法
在 Vue 项目中添加 Sass-loader 依赖,可以通过以下步骤完成:
1. 首先,打开终端并进入你的 Vue 项目根目录。
2. 然后,使用以下命令来安装 Sass-loader 和 node-sass:
```
npm install sass-loader node-sass --save-dev
```
3. 安装完成后,在项目的 build/webpack.base.conf.js 文件中,找到 module.exports 中的 rules 数组。
4. 在 rules 数组中添加以下规则:
```javascript
{
test: /\.s[a|c]ss$/,
loader: 'sass-loader',
exclude: /node_modules/
}
```
5. 保存文件并退出编辑器。
6. 重新启动你的 Vue 项目,Sass-loader 就已经成功添加到你的项目中了。
希望这个步骤可以帮助你成功添加 Sass-loader 依赖。
阅读全文