Vue CLI3中使用compass normalize的方法
更新时间：2019年05月30日 11:29:30 作者：Dragon_慕码人
这篇文章主要介绍了Vue CLI3中使用compass normalize的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
normalize：统一了基本的样式，如margin: 0;（类似compass中的reset模块）
compass：对sass的封装，扩展
1.安装
npm i normalize.css compass-mixins --save-dev
1.1 normalize.cssx引用
在main.js中
import 'normalize.css'
这样就完成了引用，F12，查看
body {
margin: 0; // 如果是0则说明normalize已经起作用
}
2.1 compass引用
在vue.config.js中配置
module.exports = {
css: {
loaderOptions: {
sass: {
// 设置全局引用
data: `
@import "./node_modules/compass-mixins/lib/_compass.scss";
@import "./node_modules/compass-mixins/lib/compass/_layout.scss";
`
}
}
}
}
这样就可以使用compass提供的模块功能，如
@include border-radius(20px); // css3模块
其它功能：http://compass.aether.ru/
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了vue组件之间数据传递的方法,结合实例形式分析了vue.js父组件与子组件之间数据传递相关操作技巧,需要的朋友可以参考下2019-02-02
如何使用vue-json-viewer插件展示JSON格式数据
这篇文章主要给大家介绍了关于如何使用vue-json-viewer插件展示JSON格式数据的相关资料,Vue-json-viewer是一个Vue组件,用于在Vue应用中显示JSON数据的可视化工具,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了vue 自定义指令directives及其常用钩子函数说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-01-01
今天封装一个导航栏的组件,使用的Element的NavMenu组件。遇到一个问题，本文主要介绍了Element el-menu中NavMenu的用法，感兴趣的可以了解一下2023-04-04
本文主要介绍了el-table和jsplumb实现连线功能，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
这篇文章主要介绍了vue模块移动组件的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
这篇文章主要介绍了Vue 2.0学习笔记之使用$refs访问Vue中的DOM，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-12-12
这篇文章主要介绍了如何利用Vue+TS实现一个简易的语音播放组件，文中的示例代码讲解详细，对我们学习Vue有一定的帮助，需要的可以参考一下2022-03-03
近期在做ve3的项目时因为功能需要,需要获取当前路由的地址,下面这篇文章主要给大家介绍了关于vue3获取当前路由地址的两种方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-10-10
这篇文章主要介绍了详解在Vue中使用TypeScript的一些思考(实践)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
最新评论