vue import .scss报错
新版本的vue-cli
已经帮我们把sass-loader
配置好了,放在了util.js
里面。
原来我们需要在webpack.base.config.js
中去配置以下这段代码:
{
<span class="hljs-attr">test</span>: <span class="hljs-regexp">/\.scss$/</span>,
<span class="hljs-attr">use</span>: [
{
<span class="hljs-attr">loader</span>: <span class="hljs-string">'style-loader'</span> <span class="hljs-comment">// creates style nodes from JS strings</span>
},
{
<span class="hljs-attr">loader</span>: <span class="hljs-string">'css-loader'</span> <span class="hljs-comment">// translates CSS into CommonJS</span>
},
{
<span class="hljs-attr">loader</span>: <span class="hljs-string">'sass-loader'</span> <span class="hljs-comment">// compiles Sass to CSS</span>
}
]
}
现在不需要这样配置。如果这样配置会报错,因为配置重复了。
所以,只需要安装相应的loader
,比如使用sass
需要安装node-sass
、sass-loader
。
============ 欢迎各位老板打赏~ ===========
与本文相关的文章
- · vue/react/node/vite/npm/yarn build自动更新版本号
- · TinyMCE工具栏配置详解
- · vue获取节点的父节点、兄弟节点、子节点
- · vue3无法使用vue-devtools
- · VUE/REACT图表
- · vue使用element-ui中的Message 、MessageBox 、Notification
- · vue中引入.svg图标,使用iconfont图标库(SvgIcon组件使用)
- · vue 安装sass,运行后报错loaderContext.getResolve is not a function
- · vue中无法加载scss
- · Vue开发环境安装并集成element-ui示例
- · 小程序可以绑定其它小程序吗?
- · vue3+vite+多环境发面到二级目录配置