好资源导航 » 文章资讯 » 浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法

浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法

2023-09-15 12:39:05 54

vue-cli中已经内置配置好了sass以及lass的配置。如果需要的话直接下载两个模块就可以了,webpack它会根据lang属性自动用适当的加载器去处理。

如果需要使用sass，则安装：

npminstallnode-sass--save-dev
npminstallsass-loader--save-dev

如果需要使用less，则安装：

npminstallless--save-dev
npminstallless-loader--save-dev

sass的内联写法：


//sass样式

less的内联写法：


//less样式

css的内联写法：


//css样式

sass的引用写法：

less的引用写法：

css的引用写法：


@import'./index.css'

或者

以上就是本人对结合webpack插件extract-text-webpack-plugin单文件组件css编译提取使用的一点心得，欢迎指正，谢谢！

这篇浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法

热门推荐

随机推荐