vue-cli3 使用全局定义的sass

绝地灬酷狼 2023-02-12 15:23 9阅读 0赞

## 1.新建sass 文件 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTQzMTYz_size_16_color_FFFFFF_t_70]

## 2.在vue.config.js 设置 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTQzMTYz_size_16_color_FFFFFF_t_70 1]  
注： *新版 sass-loader prependData 旧版data*

## 3.页面引入使用 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTQzMTYz_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTQzMTYz_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200526155901406.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTQzMTYz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTQzMTYz_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200526155956229.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTQzMTYz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTQzMTYz_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200526160053115.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTQzMTYz,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，9人围观）

还没有评论，来说两句吧...

相关阅读

相关 vuecli3.0全局引入jquery

之前使用jquery都是每个组件引入 import $ from 'jquery' 这种方式需要在每个要使用jquery的组件里面引入一下，比较麻烦，分享一下全局引

约定不等于承诺〃/ 2023年06月15日 09:53/ 0 赞/ 172 阅读

相关 vue sass 全局引用

全局引用scss 在使用的过程中,我们有一些固有的颜色字体等等,需要整个网页都统一的,所以需要放在全局,页面需要使用的时候直接调用即可. 当然也可以使用公共类的

向右看齐/ 2023年02月13日 03:39/ 0 赞/ 115 阅读

相关 vue-cli3 使用全局定义的sass

1.新建sass 文件 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly

绝地灬酷狼/ 2023年02月12日 15:23/ 0 赞/ 10 阅读

相关 vuecli3 多页面配置

vuecli3 多页面配置项目结构 1. login文件配置（有配置路由） login文件目录 lo

落日映苍穹つ/ 2023年01月19日 03:24/ 0 赞/ 569 阅读

相关快速部署vuecli3 vuecli搭建 vuecli

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

本是古典何须时尚/ 2022年12月22日 11:07/ 0 赞/ 468 阅读

相关 Mac 全局安装node-sass

SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass 引自

港控/mmm°/ 2022年10月23日 14:29/ 0 赞/ 360 阅读

相关 ExtJs4 与 SASS 的亲密接触——使用 SASS 自定义主题

[ExtJs4 与 SASS 的亲密接触——使用 SASS 自定义主题][ExtJs4 _ SASS _ SASS] 　　SASS 是一个在 Ruby 社区兴起的样式语言

逃离我推掉我的手/ 2022年08月27日 01:24/ 0 赞/ 339 阅读

相关使用vuecli3配置vux2热更新的问题

首先贴一下解决的代码 ![70][] 需要注意的是，我之前baseUrl都配错了，刷新的报错 “<”的错误，其实就是路径的问题，刷新后找不到文件上次用vuecli

绝地灬酷狼/ 2022年05月14日 06:26/ 0 赞/ 449 阅读

相关 Vue 实现全局使用sass, less变量

首先运行这行命令 npm install sass-resources-loader --save-dev；在项目的build/utils.js中，找到

Bertha 。/ 2021年12月15日 23:25/ 0 赞/ 476 阅读

相关 sass 配置全局变量

场景：在前端工程中，我们会经常用到css预编译，有sass，less，styuls等，拿sass来说，通常我们会在项目里建一个`variables.scss`文件，里面会定义一

红太狼/ 2021年09月02日 05:36/ 0 赞/ 605 阅读