首页 > Web开发 > 详细

vue 安装scss

时间:2020-08-30 17:31:23      阅读:76      评论:0      收藏:0      [点我收藏+]

`
npm install node-sass --save-dev
npm install sass-loader --save-dev

`

在build\webpack.base.conf.js rule中添加

{ test: /\.scss$/, loaders: [‘style‘, ‘css‘, ‘sass‘] }

<style lang="scss"></style>
编译正常运行。。。。

安装过程中可能出现一些问题:

问题一

`
MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。要解决此问题,1) 安装 .NET Framework 2.0
SDK;2) 安装 Microsoft Visual Studio 2005;或 3) 如果将该组件安装到了其他位置,请将其位置
添加到系统路径中。 [D:\software\npmcache\prefix\node_modules\node-sass\build\binding.sln]
已完成生成项目“D:\software\npmcache\prefix\node_modules\node-sass\build\binding.sln”(默认
目标)的操作 -
失败。
生成失败。
“D:\software\npmcache\prefix\node_modules\node-sass\build\binding.sln”(默认目标) (1) ->
(src\libsass 目标) ->
MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。要解决此问题,1) 安装 .NET Framework 2.
0 SDK;2) 安装 Microsoft Visual Studio 2005;或 3) 如果将该组件安装到了其他位置,请将其位
置添加到系统路径中。 [D:\software
npmcache\prefix\node_modules\node-sass\build\binding.sln]

`

错误原因:缺少windows构建插件
解决方法:在命令行工具中运行:

`
npm install –global –production windows-build-tools (全局安装windows构建工具)

`
注意:一定要使用管理员打开命令才有权限构建工具

vue 安装scss

原文:https://www.cnblogs.com/juanph/p/13585706.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!