中间人鲍尔和苏西

Question

我正在使用middleman 3.3.3和bower来安装一些js/css包。我可以让我的scss工作，但是中间人找不到susy框架在哪里。(在bower_components内部)。我也在使用中间人链轮。

所以我的config.rb是这样的：

activate :sprockets

###
# Page options, layouts, aliases and proxies
###

# Per-page layout changes:
#
# With no layout
# page "/path/to/file.html", layout: false
#
# With alternative layout
# page "/path/to/file.html", layout: :otherlayout
#
# A path which all have the same layout
# with_layout :admin do
#   page "/admin/*"
# end

# Proxy pages (http://middlemanapp.com/basics/dynamic-pages/)
# proxy "/this-page-has-no-template.html", "/template-file.html", locals: {
#  which_fake_page: "Rendering a fake page with a local variable" }

###
# Helpers
###

# Automatic image dimensions on image_tag helper
# activate :automatic_image_sizes

# Reload the browser automatically whenever files change
# activate :livereload

# Methods defined in the helpers block are available in templates
# helpers do
#   def some_helper
#     "Helping"
#   end
# end


ready do
  sprockets.append_path File.join root, 'bower_components'
end

set :css_dir, 'stylesheets'

set :js_dir, 'javascripts'

set :images_dir, 'images'

set :fonts_dir, 'fonts'


# Build-specific configuration
configure :build do
  # For example, change the Compass output style for deployment
  # activate :minify_css

  # Minify Javascript on build
  activate :minify_javascript

  # Enable cache buster
  # activate :asset_hash

  activate :gzip

  # Use relative URLs
  activate :relative_assets

  # Or use a different image path
  # set :http_prefix, "/Content/images/"
end

我的文件树如下所示：

myproject - bower_components - susy - sass - lib - templates - bower.json - ... - config - scripts - source - stylesheets - all.css - _setting.scss - ... - bower.json - config.rb - ....

all.css

/*
 * This file is the same as rails' application.scss
 */

//= require "_settings"

_settings.scss

// Add all required scss files/folders
@import "susy";

我得到的错误告诉我，它一直在源代码/样式表中搜索"susy“。有没有整数？

Answer 1

链轮支持Bower，因此您可以直接添加Bower组件路径：

sprockets.append_path File.join根目录，'bower_components‘

http://middlemanapp.com/basics/asset-pipeline/#sprockets-import-path

Answer 2

在config.rb中

我已经添加了

sass_dir = 'source/stylesheets', 'bower_components'

after_configuration do
    @bower_config = JSON.parse(IO.read("#{root}/.bowerrc"))
    sprockets.append_path File.join "#{root}", @bower_config["directory"]
end

在mymain.scss中

@import "bourbon";
@import "susy/sass/susy";
@import "normalize.scss/normalize";

他们都来自鲍尔