使用CSS和JS组件时,将它们安装到不同的目录是否可行,甚至是否有意义?

.
|-- app
    |-- scripts
        |-- components           # js components go here
            |-- backbone-amd
            |-- etc
    |-- styles
        |-- modules
        |-- partials
        |-- components           # sass components go here
            |-- normalize.scss
            |-- etc

构建这样组织的项目的最有效方法是什么? 是否有一个很好的Grunt任务来实现为开发环境集成bower安装的sass组件的目标?

===============>>#1 票数:14 已采纳

Bower需要跟踪您安装的每个组件。 如果它们分散在多个位置,那将是非常困难的。 对于Sass开发,只需将components文件夹放在Sass搜索路径中。


如果您坚持这样做,有一些笨拙的任务可以帮助您分解它:

(虽然不推荐)

===============>>#2 票数:13

有一个名为bower-installer的节点包,它提供了一个用于管理备用安装路径的命令。

运行npm install -g bower-installer

设置你的bower.json

{
  "name" : "test",
  "version": "0.1",
  "dependencies" : {
    "jquery-ui" : "latest"
  },
  "install" : {
    "path" : {
      "css": "src/css",
      "js": "src/js"
    },
    "sources" : {
      "jquery-ui" : [
        "components/jquery-ui/ui/jquery-ui.custom.js",
        "components/jquery-ui/themes/start/jquery-ui.css"
      ]
    }
  }
}

然后运行bower-installer命令。

这将把components/jquery-ui/themes/start/jquery-ui.css./src/css

===============>>#3 票数:0

也许您可以将.bowerrc文件放在不同的目录中,您可以在其中配置"directory"键以指向bower组件目录。

但是在bower install whatever之前你需要cd到正确的目录:

app/
  scripts/
    .bowerrc
  styles/
    .bowerrc
tests/
  .bowerrc

  ask by Robb Schiller translate from so

未解决问题?本站智能推荐:

1回复

Twitter Bower文件选择

我正在玩Bower,并得到了它来下载jQuery 1.9.1和Fancybox 2.1.4 这很棒但是例如,Fancybox将它的整个回购包括在内,包括所有的演示文件,而不仅仅是我需要的实际文件。 应如何处理这种情况? 尼尔
1回复

Gulp bower:scss无法正常工作,包括bower_components文件

我有关于wiredep的问题:在我的index.scss文件中,我的代码块位于顶部: 另外,我已经安装了Bower依赖项,例如color-dependency ,其中包含几个文件* .scss 问题是我看不到那些插入到index.scss中的文件 这是我的风格任务
2回复

如何在Angle 2项目中使用Bower组件

我是angular 2的初学者。Angular 2项目使用npm包,我们可以通过简单地导入如下内容来在angular 2项目中使用它们 另外,我们可以使用package.json文件导入并安装npm软件包。 但是问题是我必须在我的angular 2项目中导入bower组件。 这是
2回复

组件和凉亭有什么区别?

我很难找到组件和凉亭之间差异的概述。 哪一个更好,使用什么更好的包管理器? 我应该考虑这两种方法吗?
1回复

如何处理Bower组件图像,字体或其他资产(与yeoman)?

我正在使用yeoman构建一个webapp。 一切都很好,除了我对使用与一些bower组件捆绑的资产(如图像或webfonts)有点混淆(例如sass-bootstrap ...) 我使用Requirejs包含javascript资源,但我的主要问题在于图像和字体......什么是正确的
2回复

Sass进口凉亭组件

我已经从COMPASS转移到Libsass,速度很快,但我需要使用一些凉亭组件来实现这一点。 它可能有点迂腐,但我必须在我的scss文件的顶部导入我的组件。 这很丑,有没有办法通过grunt或别名导入它们,所以我可以做
1回复

使用Bower安装Beta版本的波旁威士忌

嗨,我是bower的新手,想安装Beta版本的bourbon,但要获取最新的稳定版本。 命令执行: 并得到: 查看https://github.com/thoughtbot/bourbon中的bower.json,我可以看到要安装的版本为“ 5.0.0-beta.7”。 我做
1回复

Grunt / Bower / Component:处理依赖性?

我已经构建了类似于创建网站的基本模板/工作流程,主要是使用Grunt。 该模板的一部分是Modernizr特征检测库,我的Grunt任务之一取决于。 目前我只是将这种依赖存储在我的bower.json清单中。 这带来了两个问题: 我需要在我的bower.json和pack
3回复

使用Grunt时无法在Bower组件中找到CSS文件

我正在尝试从组件将CSS样式表导入.sass文件。 在此示例中,组件是bootstrap-select,导入看起来像这样: 这将成功构建,但是浏览器无法找到文件,我在浏览器中收到以下错误: 我是否需要进行任何特殊设置才能将.css文件包含在构建中?
1回复

使用Bower的scss文件中的scss依赖关系

我正在为自己的项目开发类似于引导程序的scss框架。 该项目是注册的凉亭包。 在我的scss文件中,我依赖于另一个Bower软件包,我需要@import在其他scss文件中。 似乎仅在bower.json文件中声明依赖项是不够的。 从其他Bower软件包中包含相关的scss文