vue项目中全局引入1个.scss文件的问题解决
更新时间：2019年08月01日 11:10:42 作者：1高_高1
这篇文章主要跟大家介绍了vue项目中全局引入1个.scss文件的问题解决，文中通过示例代码介绍的非常详细，对大家学习或者使用vue具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
首先先发一下我的项目路径
1. 首先要下载 sass-resources-loader
npm install sass-resources-loader --save-dev
2.然后再文件夹build/utils里面的更改
scss: generateLoaders('sass')
scss: generateLoaders('sass').concat(
{
loader: 'sass-resources-loader',
options: {
resources: path.resolve(__dirname, '../src/style/blog.scss')
}
}
)
3.文件已经导入成功了. 还有最后一步, 重启服务, npm run dev. (更改了utils,要重启服务,否则会报错)
4. 如果要导入多个文件, 我是把其他文件都@import 到同一个.scss文件
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对脚本之家的支持。
相关文章
这篇文章主要介绍了vue 子组件和父组件传值的示例，帮助大家更好的理解和学习vue，感兴趣的朋友可以了解下2020-09-09
这篇文章主要介绍了Vue自定义表单内容检查rules实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10
ECharts，缩写来自Enterprise Charts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上。本文将在Vue中整合Echarts实现可视化界面，感兴趣的可以了解一下2022-04-04
本篇文章给大家分享了Vue取消eslint语法限制的相关知识点内容，有兴趣的朋友们可以参考学习下。2018-08-08
<script setup>是vue3中新引入的语法糖,目的是简化使用Composition API时冗长的模板代码,下面这篇文章主要给大家介绍了关于vue3中单文件组件<script setup>的相关资料,需要的朋友可以参考下2022-07-07
在前后端分离的项目中经常使用到Vue+axios通过FormData的方式向后端发送表单数据,下面就来介绍一下如何实现,感兴趣的可以了解一下2023-09-09
今天小编就为大家分享一篇解决vue-cli 打包后自定义动画未执行的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
这篇文章主要介绍了vue使用keep-alive如何实现多页签并支持强制刷新，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
在组件中增加的css加了scoped属性之后,就在会在当前这个组件的节点上增加一个data-v-xxx属性,下面这篇文章主要给大家介绍了关于Vue中CSS scoped原理的相关资料,需要的朋友可以参考下2023-01-01
TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器,跟其他富文本编辑器相比,有着丰富的插件,支持多种语言,能够满足日常的业务需求并且免费,本文小编给大家详细介绍了Vue中tinymce富文本功能配置,需要的朋友可以参考下2023-11-11
最新评论