用的是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;
}