均具有“变量”,“混合”,“嵌套”,“继承”,“颜色混合”五大基本特性 scss和less语法较为严禁,less要求一定要使用大括号“{}”,scss和stylus可以通过缩进表示层次与嵌套关系 scss没有全局变量的概念,less和stylus有类似于其他语言的作用域概念 sass是基于ruby语 ...
分类:
其他好文 时间:
2020-02-27 16:11:08
阅读次数:
46
//建议不要用cnpm 安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题npm install --registry=https://registry.npm.taobao.org 试过上面方法还不行的同学 ,可以把package.json中的node-scss依赖改为:"node-s ...
分类:
其他好文 时间:
2020-02-25 19:55:40
阅读次数:
57
我使用官方文档提供的配置sass全局变量,但是报错! vue.config.js代码如下: module.exports = { css: { loaderOptions: { sass: { data: `@import "~@/assets/scss/variables.scss";`, }, ...
分类:
Windows程序 时间:
2020-02-22 22:14:14
阅读次数:
1344
什么是文本pack 从本质上讲,Webpack是一个现代Javascript应用的静态模块打包工具,它可以分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。 安装webpack 1 ...
分类:
Web程序 时间:
2020-02-21 00:05:09
阅读次数:
86
npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //安装sass-loader npm install style-loader --save-dev //安装style-loader ...
分类:
Web程序 时间:
2020-02-19 21:13:10
阅读次数:
90
error in ./src/assets/styles/app.scss Module build failed: @import "./reset.scss"; ^ Invalid CSS after "v": expected 1 selector or at-rule, was 'var a ...
webpack的作用: 是 用来处理我们写的js代码。并且会自动处理js之间相关的依赖。 但是,开发中我们不仅仅有基本的js代码处理,还需要加载css,图片,也包括一些高级的 将ES6转成ES5代码,将Typescript转成ES5代码,将scss、less转成css,将.jsx、.vue文件转成 ...
分类:
Web程序 时间:
2020-02-15 20:35:27
阅读次数:
88
路径:文件>>首选项>>用户代码片段>>输入vue "Print to console": { "prefix": "vue", "body": [ "<style scoped lang=\"scss\">", "</style>", "", "<template>", "\t<div>\n\t\ ...
分类:
其他好文 时间:
2020-02-11 17:31:36
阅读次数:
192
在迁移 vue element admin 到 electron vue serialport 的时候,发现了一次有趣的分析。 报错如下 一开始没有细看,以为是大众常见问题,但后来仔细分析了一下,它其实就是要你把 scss 文件添加到工程下。 那么怎么做呢? 搜索两边的工程发现 vue elemen ...
分类:
Web程序 时间:
2020-02-08 00:19:01
阅读次数:
97
// include all the scss @import "~@angular/material/theming"; // Include non-theme styles for core. @include mat-core(); $mat-custom-primary-theme: ( ...
分类:
其他好文 时间:
2020-02-05 09:28:05
阅读次数:
69