vue 3.0 项目搭建移动端 (五) 没有配合webpack的情况下 引入 sass
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内容的加载器。
报错
TypeError: this.getResolve is not a function at Object.loader
"sass-loader": "^7.1.0",