sass @import 路径问题

关于网友提出的“sass @import 路径问题
”问题疑问，本网通过在网上对“sass @import 路径问题
”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：

问题：sass @import 路径问题
描述:

less 中这么写是OK的

@bootstrap:"../../../bootstrap/";
// Core variables and mixins
@import "@{bootstrap}variables.less";
@import "@{bootstrap}mixins.less";

// Reset
@import "@{bootstrap}normalize.less";
@import "@{bootstrap}print.less";

但是在sass 中这么写不行

$bootsrap-path: "../../bower_components/bootstrap-sass-official/vendor/assets/stylesheets/";

// Core variables and mixins
@import "{ $bootsrap-path }bootstrap/variables";
@import "{ $bootsrap-path }bootstrap/mixins";

sass 不太熟 求-> 。

---

解决方案1:

你可以给 Sass 加一个 load_path ，内容就是 bower_components/bootstrap-sass-official/vendor/assets/stylesheets/

然后你就可以直接 @import "bootstra/variables" 了

Grunt

grunt.initConfig({
  sass: {
    dist: {
      options: {
        loadPath: ['bower_components/bootstrap-sass-official/vendor/assets/stylesheets/']
      },
      files: {...}
    }
  }
});

Gulp

.pipe(gulp_sass({
  loadPath: 'bower_components/gangnam/sass/'
}))

以上介绍了“sass @import 路径问题”的问题解答，希望对有需要的网友有所帮助。
本文网址链接：http://www.codes51.com/itwd/1212564.html