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转换看Webpack与Vite 代码转换机制差异详解
这篇文章主要为大家介绍了从Vue转换看Webpack与Vite代码转换机制差异详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
Vue3.0相比较于之前的版本更快、更小、更易于维护、更贴近原生、对开发者更友好，本文就Vue3.0进行详细介绍，需要了解的小伙伴可以参考一下这篇文章2021-09-09
这篇文章主要为大家详细介绍了vue实现tab栏点击高亮效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
本篇文章主要介绍了浅谈Vuex状态管理(全家桶)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
因为本人使用的是webstorm2016 2.3版本，结果竟然不支持vue文件，所以找到了一个解决方法，下面这篇文章主要给大家介绍了关于webstorm添加vue支持的方法教程，需要的朋友可以参考借鉴，下面来一起看看吧。2017-07-07
router-view组件作为vue最核心的路由管理组件，在项目中作为路由管理经常被使用到，所以下面小编就来和大家详细聊聊router-view组件的具体使用方法，希望对大家有所帮助2023-06-06
Vue是一款非常流行的JavaScript框架,它提供了许多方便开发者的功能,本文将介绍如何通过Vue路由改变地址栏的参数,感兴趣的朋友跟随小编一起看看吧2023-10-10
这篇文章主要为大家详细介绍了Vue.js实现图片切换功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
Vue.js每天必学之表单控件绑定，如何在表单控件元素上创建双向数据绑定，感兴趣的小伙伴们可以参考一下2016-09-09
这篇文章主要介绍了Vue 防止短时间内连续点击后多次触发请求的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
最新评论