标签 scss 下的文章

木灵鱼儿 3年前 SASS

scss 自动生成margin和padding的class

费了半天劲才搞懂了，scss的函数代码写的是真累啊，而且不知道为啥我的代码格式化会给我自动换一行，导致极度不美观。//生成margin和padding $multiplier:4; //乘数 $dimensions:("p":"padding", "m":"margin"); //方向 $directions:("t":"top", "b":"bottom", "l":"left", &qu...

2547 0 0

margin padding scss

vue cli4 全局scss变量技巧

木灵鱼儿 3年前 vue cli

vue cli4 全局scss变量技巧

今天啃了下官方文档，加上之前也配置到webpack的，有一些经验，我觉得官方可能有对应的方式，毕竟在webpack中我们只需要在sass-loader配置中就可以加入全局scss了，都不用安装啥插件。于是乎，果然，官方有，但是文档很蛋疼，你能看懂引入单个全局，没有多个全局的示例，索性自己写个笔记了。vue.config.jsmodule.exports = { css: { loaderOptions: { scss: { prependData: ` @import "~@/base/assets/scss/glob...

2804 0 0

scss vue cli 全局变量

vue cli4 创建全局scss变量

木灵鱼儿 4年前 vue 项目实战

vue cli4 创建全局scss变量

之前我的用法就是，哪个组件需要引入这个变量就import引入，现在感觉有点麻烦，就想能不能做一个全局的，所有组件都可以直接引入这个scss文件中的内容。首先我们需要安装一个插件：style-resources-loadervue add style-resources-loader回车后会有提示四个选项，我们scss就选择scss然后回车。安装完毕后在项目根目录创建一个vue的配置文件，有就不用创建，直接用。创建vue.config.js文件，将下面的代码丢进去，自己改下路径地址：const path = require("path"); module.exports...

4510 0 0

vue cli4 scss scss全局变量

标签：scss

scss 自动生成margin和padding的class

vue cli4 全局scss变量技巧

vue cli4 创建全局scss变量

最近评论

博客文章RSS订阅

博客评论RSS订阅

登录

标签：scss

scss 自动生成margin和padding的class

vue cli4 全局scss变量技巧

vue cli4 创建全局scss变量

最近评论

博客文章RSS订阅

博客评论RSS订阅