分享我的发现、想法与心得

0%

在window下使用node-sass

网络

yarnnpm install项目的包时,会出现node-sass卡了。这种情况是高概率卡在网络上了,因为它包在github下下来贼慢。

这里建议把源换成淘宝的,先执行以下命令打开.npmrc

1
npm config edit

然后在加上这些内容:

1
2
3
4
registry=https://registry.npm.taobao.org
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
phantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomjs/
electron_mirror=https://npm.taobao.org/mirrors/electron/

像这样:

1
2
3
4
5
6
7
8
9
10
11
;;;;
; npm userconfig file
; this is a simple ini-formatted file
; lines that start with semi-colons are comments.
; read `npm help config` for help on the various options
;;;;

registry=https://registry.npm.taobao.org/
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
phantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomjs/
electron_mirror=https://npm.taobao.org/mirrors/electron/

编译

使用sass的同学在初次安装项目的时候肯定见过node-sass这个包,在win下需要Python2.7Visual C++ Build Tools才能正常编译。

这里推荐使用windows-build-tools安装上面两项支持,因为真的非常简单易用。

1
2
3
npm i -g --production windows-build-tools
# or
yarn add global --production windows-build-tools

记得在管理员权限下的PowerShell执行上面的代码,安装过程如下图:

安装过程

如果安装过程出现什么问题,可以删除所有文件再安装试试,删除命令递上:

1
2
rm -R C:\Users\<user>\.windows-build-tools
npm uni windows-build-tools