搜索结果
查询Tags标签： scss，共有 43条记录-
vue教程之scss的使用
VUE项目中SCSS的使用 vue项目上安装SCSS和开发入门 ① 使用vue-cli模板创建新项目：vue init webpack 项目名 ② 安装sass 依赖包 ，在cmd界面输入： npm install sass-loader --save-devnpm install node-sass --sava-dev ③ 在build文件夹下的webpack.base.conf.js的ru…
2022/1/8 6:05:55 人评论 次浏览 -
node-sass安装报错解决方案
首先，如果是在搭项目，那千万不要用node-sass，直接安装scss就可以了： npm i scss --save-dev但如果是想运行别人的老项目，那就先打开package.json，找到项目依赖的node-sass的版本，然后看下面的node与node-sass版本对照表： NodeJSMinimum node-sass versionNode Mod…
2021/12/21 17:19:50 人评论 次浏览 -
node-sass安装报错解决方案
首先，如果是在搭项目，那千万不要用node-sass，直接安装scss就可以了： npm i scss --save-dev但如果是想运行别人的老项目，那就先打开package.json，找到项目依赖的node-sass的版本，然后看下面的node与node-sass版本对照表： NodeJSMinimum node-sass versionNode Mod…
2021/12/21 17:19:50 人评论 次浏览 -
webpack 基础 - 13 （ tree-shaking 去除无用的代码）
tree shaking 去除无用的代码 1、前提：ES6的模块化，开启production环境减少代码体积 module.exports = {...mode:production, } 2、添加package.json配置可能对css有影响 "sideEffects": ["*.css","*.scss"] {..."sideEffects"…
2021/12/13 23:24:23 人评论 次浏览 -
webpack 基础 - 13 （ tree-shaking 去除无用的代码）
tree shaking 去除无用的代码 1、前提：ES6的模块化，开启production环境减少代码体积 module.exports = {...mode:production, } 2、添加package.json配置可能对css有影响 "sideEffects": ["*.css","*.scss"] {..."sideEffects"…
2021/12/13 23:24:23 人评论 次浏览 -
在静态页面中使用Scss（windows）
平时在脚手架配置中勾选sass或者npm安装，就可以在项目中使用sass。 但如果是在一个静态页面中该如何使用呢？ 一、Ruby安装 安装sass前必须安装ruby环境，因为Sass是用Ruby语言写的。 前往Ruby官网（https://rubyinstaller.org/downloads/） 按默认配置下一步，即可 在开…
2021/10/19 7:13:47 人评论 次浏览 -
在静态页面中使用Scss（windows）
平时在脚手架配置中勾选sass或者npm安装，就可以在项目中使用sass。 但如果是在一个静态页面中该如何使用呢？ 一、Ruby安装 安装sass前必须安装ruby环境，因为Sass是用Ruby语言写的。 前往Ruby官网（https://rubyinstaller.org/downloads/） 按默认配置下一步，即可 在开…
2021/10/19 7:13:47 人评论 次浏览 -
npm安装依赖node-sass报错失败
在npm安装依赖时node-sass报错一直报错在接手一个新项目时，在安装依赖老是报错，但是都是node-scss问题。 百度了一下，都是说用淘宝源什么的，我搞了半天都没用。 最终发现node版本得和项目的node-scss版要对应，不然就报错了看看自己的node版本和 node-scss版本是否对应…
2021/10/11 17:44:22 人评论 次浏览 -
npm安装依赖node-sass报错失败
在npm安装依赖时node-sass报错一直报错在接手一个新项目时，在安装依赖老是报错，但是都是node-scss问题。 百度了一下，都是说用淘宝源什么的，我搞了半天都没用。 最终发现node版本得和项目的node-scss版要对应，不然就报错了看看自己的node版本和 node-scss版本是否对应…
2021/10/11 17:44:22 人评论 次浏览 -
scss常用语法
在线编译 https://wow.techbrood.com/fiddle/11143 群组选择器的嵌套【编译前】 .container {h1, h2, h3 {margin-bottom: .8em} }编译后 .container h1, .container h2, .container h3 { margin-bottom: .8em }1. 优先使用scss中的变量 $biancolor:#ccc;#deno{color:$bia…
2021/9/5 23:08:26 人评论 次浏览 -
scss常用语法
在线编译 https://wow.techbrood.com/fiddle/11143 群组选择器的嵌套【编译前】 .container {h1, h2, h3 {margin-bottom: .8em} }编译后 .container h1, .container h2, .container h3 { margin-bottom: .8em }1. 优先使用scss中的变量 $biancolor:#ccc;#deno{color:$bia…
2021/9/5 23:08:26 人评论 次浏览 -
vue项目中使用scss全局变量
vue使用scss全局变量时报错： ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema. package.json "dependencies": {"axios": "^0.21.1","core…
2021/7/14 23:13:23 人评论 次浏览 -
vue项目中使用scss全局变量
vue使用scss全局变量时报错： ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema. package.json "dependencies": {"axios": "^0.21.1","core…
2021/7/14 23:13:23 人评论 次浏览 -
JavaScript学习Day29笔记
Day29笔记 一、异步与同步 JavaScript是单线程语言，就好比只有一条流水线。 同步 所有代码按顺序执行，后面的代码需要等待前面的代码执行完毕。 异步 异步是一种代码的执行方式，无需等待前面的代码执行完毕，异步程序在触发（代码执行顺序触发、事件触发、计时器触发等…
2021/6/29 20:50:44 人评论 次浏览 -
scss的基本用法
本文记录scss的基本用法 引入外部文件 @import "xxxxxxx" 1.scss定义变量 $$fontSize: 100px; .content {font-size: $fontSize }2.scss中继承 语法： @extend XXX.extend {color: red; } $fontSize: 100px; .content {font-size: $fontSize;@extend .extend;…
2021/4/16 18:25:55 人评论 次浏览
