vue中无法加载scss
今天重装了vue-cli脚手架
这次我安装了node-sass+sass-loader之后还是不行,进入webpack.base.config.js发现没有配置scss。
所以增加如下:
<span class="token punctuation">{</span>
<span class="token property">test</span><span class="token punctuation">:</span> /\.sass$/<span class="token punctuation">,</span>
<span class="token property">loaders</span><span class="token punctuation">:</span> [<span class="token string">'style'</span><span class="token punctuation">,</span> <span class="token string">'css'</span><span class="token punctuation">,</span> <span class="token string">'sass'</span>]
<span class="token punctuation">}</span><span class="token punctuation">,</span>
当然,如果需要在vue文件style标签使用scss的话,需要声明一下:
<style rel="stylesheet/scss" lang="scss">
============ 欢迎各位老板打赏~ ===========
与本文相关的文章
- · vue/react/node/vite/npm/yarn build自动更新版本号
- · TinyMCE工具栏配置详解
- · vue获取节点的父节点、兄弟节点、子节点
- · vue3无法使用vue-devtools
- · VUE/REACT图表
- · vue使用element-ui中的Message 、MessageBox 、Notification
- · vue import .scss报错
- · vue中引入.svg图标,使用iconfont图标库(SvgIcon组件使用)
- · vue 安装sass,运行后报错loaderContext.getResolve is not a function
- · Vue开发环境安装并集成element-ui示例
- · 小程序可以绑定其它小程序吗?
- · vue3+vite+多环境发面到二级目录配置