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",

https://blog.csdn.net/Tina_xubin/article/details/100605718

posted @ 2020-02-27 14:17  ThisCall  阅读(423)  评论(0编辑  收藏  举报