`
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构建工具)
`
注意:一定要使用管理员打开命令才有权限构建工具
原文:https://www.cnblogs.com/juanph/p/13585706.html