vue脚手架,sass
时间: 2023-11-07 18:52:08 浏览: 89
vue.js 脚手架
5星 · 资源好评率100%
回答: 在使用vue脚手架时,如果需要使用sass,可以按照以下步骤进行配置。首先,在build文件夹下的webpack.base.conf.js的module下的rules里添加以下配置:
```
{
test: /\.sass$/,
loaders: \['style', 'css', 'sass'\]
}
```
然后,安装sass和sass-loader。注意,要指定低版本的sass-loader,否则可能会出现报错。可以使用以下命令进行安装:
```
cnpm install node-sass --save-dev //安装node-sass
cnpm install sass-loader@7.x --save-dev //安装低版本的sass-loader
cnpm install style-loader --save-dev //安装style-loader
```
如果有人安装的是vue-style-loader,其实也是一样的。接下来,启动项目可能会出现报错,可以根据以下解决办法进行处理。在package.json文件中,将"sass-loader"的版本号从"^8.0.0"修改为"^7.3.1",或者先卸载当前版本,然后安装指定的版本。可以使用以下命令进行操作:
```
npm uninstall sass-loader // 卸载当前版本
npm install sass-loader@7.3.1 --save-dev // 安装指定的版本
```
这样就可以在vue脚手架中使用sass了。
#### 引用[.reference_title]
- *1* *3* [vue脚手架安装scss/sass](https://blog.csdn.net/weixin_44801790/article/details/121992328)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue2.0 sass安装](https://blog.csdn.net/weixin_42594068/article/details/122846031)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文