关于vue脚手架的scss引入问题

Question

我先安装命令行:
cnpm install sass-loader node-sass vue-style-loader --D
然后
在vue的template里的style style='leng' 然后才能用.
但是我不想这样我想直接通过import来直接引用,当添加新的样式的时候直接在引用的scss中写.
怎么整?应该很简单吧!

Answer 1

全局的样式是可以的，直接在main.js里import，但是依赖还是要装。
组件内的应该不能在script里引。

Answer 2

装上这两个 "node-sass" "sass-loader" 插件以后, 然后在组件中

<style lang="scss">
@import "../../common/scss/common"; //引用外部的scss文件

//scss代码

</style> 

这里要注意组件引入其他scss文件时要用相对路径