首页 > 请问为什么webpack 编译sass 的import不解析?

请问为什么webpack 编译sass 的import不解析?

用的是vue,在组件中通过

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

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

    
    
<style lang="sass">

</style>

安装了sass-loader、node-sass。


<style lang="scss">

</style>

要写成scss


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;
}
【热门文章】
【热门文章】