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内容的加载器。


vue 3.0 项目搭建移动端 (五) 没有配合webpack的情况下 引入 sass

上一篇:JavaScript中call()、apply()、bind()的用法


下一篇:H5-安卓和ios调用相机和相册