一:安装及使用
1.在当前目录下,安装依赖

$ cd mpvue
$ npm install

2.安装sass的依赖包

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

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

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

4.在APP.vue中修改style标签

<style lang="scss">
$background:#ccc;
html{background:$background;}
</style>

二:引入外部sass
img.scss,文件路径'static/img.scss',内容如下

$bgjpg : 'http://baidu.com'
$color : red

APP.vue中引入

<style lang="scss">
  @import "static/img.scss";
  html{
    background-image: url($bgjpg);
    color: $color
  }
</style>
作者 铁血 汉子 2018年6月12日
2024/03/29/10:21:11am 2018/6/12/9:13:16
0 4026