如何引入scss?引入后如何使用?

安装scss依赖包

npm install sass-loader --save-dev

npm install node-sass --save-dev

在build文件夹下修改 webpack.base.conf.js 文件:

在 module 下的 rules 里添加配置,如下

{ test: /\.scss$/, loaders: ['style', 'css', 'sass'] }

应用

在vue文件中应用scss时,需要在style样式标签上添加lang=”scss”,即

<style lang="scss">。

评论

还没有评论...留下你的评论!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Sidebar