css - 请问为什么webpack 编译sass 的import不解析？

问题描述

问 题

用的是vue，在组件中通过

@import './st/css/reset.scss';

不会解析，只能用里面不是用sass语法写的内容。如果直接在组件中用sass语法是可以编译，比如：

    
    
<style lang="sass">

</style>

安装了sass-loader、node-sass。

解决方案

npm install style-loader css-loader sass-loader

loaders代码

{test: /\.css$/, loader: 'style!css'},
{test: /\.scss$/, loader: 'style!css!sass')},

目录结构

a.js
style.scss

a.js

import './style.scss';

style.scss

.hello{
    font-size:1rem;
}

这篇关于css - 请问为什么webpack 编译sass 的import不解析？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！