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示例
- · 微信小程序开发中,通过API生成的体验版短链接,打开跳转到的是生产版
- · Nest.js 、 Next.js、 Nuxt.js的区别
