
scss
Beamon__
学不完的新技术,做不完的新需求
展开
-
create-react-app创建react项目配置scss
第一步:安装相关依赖npm install sass-loader node-sass --save-dev第二步:找的配置文件node_modules/react-scripts/config/webpack.config.dev.jsnode_modules/react-scripts/config/webpack.config.prod.js第三步:修改配置文件1....原创 2018-09-12 17:59:54 · 871 阅读 · 0 评论 -
react配置全局scss变量
自己在搭一个react的移动端demo,考虑到以后可能回做样式整体调整,就进行了scss变量全局的配置,配置过程如下:1.安装sass-resources-loadernpm i -S sass-resources-loader2.创建公共配置文件我创建了两个scc配置文件,一个存放变量variable.scss,一个存放混合指令mixin.scss3.设置配置文件如...原创 2019-04-08 15:24:45 · 6316 阅读 · 0 评论 -
vue-cli创建项目使用scss
安装sass相关loader与依赖后可直接使用npm i node-sass sass-loader -D无需任何其他配置,直接使用原创 2019-05-28 23:45:45 · 842 阅读 · 0 评论 -
全局scss封装引入背景图片路径报错
最近使用scss做了全局的mixin封装,用到背景图,意外发现通过相对路径引入图片后报错,大致意思为图片路径不对,改为了使用@代替src路径引入图片依然报错,一番百度后带出解决方案通过 ~@ 代替src路径进行图片引入如下所示.box{ // background: url('@/assets/img/bg.png') // 改为 background: u...原创 2019-08-08 16:12:11 · 4672 阅读 · 0 评论