Vue+Webpack中使用scss

npm install style-loader -d

npm install sass-loader -d

npm install node-scss -d

版本对应：

nodejs和node-scss：GitHub - sass/node-sass: Node.js bindings to libsass

node和nodejs版本对应 ： 以往的版本 | Node.js (nodejs.org)

-d dev 在devDependencies中写入依赖

-s save 在dependencies中写入依赖

 

node-scss安装失败错误：

npm ERR! gyp verb find VS msvs_version not set from command line or npm config
npm ERR! gyp verb find VS VCINSTALLDIR not set, not running in VS Command Prompt

You need to install the latest version of Visual Studio

解决：

1. npm install -g node-gyp

2. Install Visual C++ Build Environment: Visual Studio Build Tools (using "Visual C++ build tools" workload) or Visual Studio Community (using the "Desktop development with C++" workload)

 msvs_version / python is not a valid npm option:查看下面文章

Node.js 配置 node-gyp 时报错 msvs_version / python is not a valid npm option 的解决方案_XiaoJin233的博客-CSDN博客

https://github.com/nodejs/node-gyp#on-windows

https://github.com/Microsoft/nodejs-guidelines/blob/master/windows-environment.md#compiling-native-addon-modules

Dartcss:

nodecss太难配置了。

npm install --save-dev sass