一、less基础语法 1、声明变量：@变量名：变量值； 使用变量：@变量名; 2、混合(Mixins) 1)无参混合 声明： .class{} 调用：在选择器中，使用.class;直接调用 2)有参无默认值混合： 声明：.class(@param){...
前言： angular框架接触刚好一年，期间都是在前端组长的带领下写功能模块的东西。现在公司同时进行两个项目，终于有机会独立接入一个项目了！虽有些担心很多东西不懂，但更多的是兴奋和激动。能从0开始主导一个项目的开发，是极大的考验也是极大的锻炼机会。在开发前的准备阶段就已经一连串的疑问涌来了。所以，这注定是一个繁琐的过程，故开个帖子记录一下第一个项目...
安装sass-loader node-sass npm install sass-loader node-sass --save 使用 1、在单页面使用 <style lang="scss"> div{color:red;span{ color:green; }} </style&g...
可在相应的单vue组件引入相应文件。 1、引入外部.js文件。 2、引入外部.css文件。 使用@import引入外部css，作用域是全局的，也可在相应的单vue组件引入，import并不是引入代码到<style></style>里面，而是发起新的请求获得样式资源，并且没有加scoped。 注：如果有样式时，应该...
最近在学习vue框架，使用lang="scss" 出现如下错误： This dependency was not found: * !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-comp...
1.安装 SASS是Ruby语言写的，但是两者的语法没有关系。不懂Ruby，照样使用。只是必须先安装Ruby，然后再安装SASS。 假定你已经安装好了Ruby，接着在命令行输入下面的命令： gem install sass 然后，就可以使用了 2.2 使用 SASS文件就是普通的文本文件，里面可以直接使用CSS语法。文件后缀名是.scss，意思为Sas...
在项目开发中，一般写相对路径是没有问题的，但是在项目比较大的情况下，我的scss文件可能为了方便管理，会放在不同的文件夹下，有的可能又不需要放在文件夹下,比如我的scss文件结构如下： module common.scss test.scss about about.scss login.scss index.scss 比如目录...
前言 本文主要从webpack4.x入手，会对平时常用的Webpack配置一一讲解，各个功能点都有对应的详细例子，所以本文也比较长，但如果你能动手跟着本文中的例子完整写一次，相信你会觉得Webpack也不过如此。 一、什么是webpack，为什么使用它？ 1.1 什么是webpack？ 简单来说，它其实就是一个模块打包器。 1.2 为什么使用它？ 如果...
gulp是基于node编写的一个构建工具，有4个主要的API： gulp.src() - 输出符合条件的文件 gulp.dest() - 能被pipe进来，并写文件 gulp.task() - 定义任务 gulp.watch() - 监听文件 首先，默认node环境已经安装； 全局安装gulp： npm i -g gulp 新建文件夹，npm初始化：n...
问题：图标样式不对，icon（本地图片）是对的，iconCls（引用的）样式不对 查ExtJs6的API里面说，可以用style添加样式，然而并没有作用 最后在该文件树下建立scss，最好和view文件同名，便于管理 scss代码如下，可以给x-action-col-icon类增加样式，问题解决 .x-action-col-icon { ma...