vue 引入sass

npm install --save-dev sass-loader
//sass-loader依赖于node-sass
npm install --save-dev node-sass

然后在build文件夹下的webpack.base.conf.js的rules里面添加配置：

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

然后添加csslang属性。注意，这里是scss，而且css文件的后缀也是scss：

<style  lang="scss">
  @import "../style/scss/order_style.scss"; //不能使用url();
  /*@import url("../style/css/order_style.css");*/
</style>

最后需要重新编译一下项目，否则没有效果。

npm run dev

转自：https://www.jb51.net/article/142683.htm  里面有如何修改sass为全局变量

转载于:https://www.cnblogs.com/llllpzyy/p/9952253.html