DDR爱好者之家 Design By 杰米
vue-cli中已经内置配置好了sass 以及lass的配置。如果需要的话直接下载两个模块就可以了,webpack它会根据 lang 属性自动用适当的加载器去处理。
如果需要使用sass,则安装:
npm install node-sass --save-dev npm install sass-loader --save-dev
如果需要使用less,则安装:
npm install less --save-dev npm install less-loader --save-dev
sass的内联写法:
<style lang="sass" scoped> //sass样式 </style>
less的内联写法:
<style lang="less" scoped> //less样式 </style>
css的内联写法:
<style lang="css" scoped> //css样式 </style>
sass的引用写法:
<style lang="sass" src="/UploadFiles/2021-04-02/index.sass">less的引用写法:
<style lang="less" src="/UploadFiles/2021-04-02/index.less">css的引用写法:
<style lang="css"> @import './index.css' </style> 或者 <style lang="css" src="/UploadFiles/2021-04-02/index.css">以上就是本人对结合webpack插件extract-text-webpack-plugin单文件组件css编译提取使用的一点心得,欢迎指正,谢谢!
这篇浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米
暂无评论...
更新日志
2024年04月24日
2024年04月24日
- 汪峰 许巍《巍峰凛凛·实力比拼》3CD[WAV分轨][2.2G]
- dnf白字红字黄字是什么意思
- dnf石化鞋怎么搭配
- dnf神之真谛称号属性
- 《天国拯救2》游戏特色介绍
- 《无感染区》开局建家探索心得
- 《圣剑传说Visions of Mana》灵器作用介绍
- 吴克群2023-今天很OK[何乐音乐][WAV+CUE]
- 邱兰芬.2002-台湾红歌100年·台语精选辑CD19【乡城】【WAV+CUE】
- 满江.1998-多变的海【SONY】【WAV+CUE】
- 赞达亚宣传R级新片《挑战者》 粉色裙装秀出纤细蛮腰
- 《老头环》经常被玩家跳过的BOSS:多个双人组上榜
- B社辐射3开发者曾遭死亡威胁:对方扬言割断其喉咙
- 原画壁纸及美图第117期,无水印可自取
- 原画壁纸及美图第118期,无水印可自取