npm i --save-dev node-sass sass-loader
二、手动安装
如果在创建项目没有选择CSS 预处理器,我们也可以手动安装sass-loader以及 node-sass来集成scss。
npm install -D sass-loader node-sass
npm install -D node-sass 安装很慢
npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass
三、使用sass
至此我们只需要在style指定lang为scss即可:
<style lang="scss"> $color = red; </style>
vue service clie会自动使用我们安装的sass-loader作为scss内容的加载器。