运行 推特 Bootstrap 和 Sass
running twitter Bootstrap with Sass
我打算使用 Twitter bootstrap-sass 源代码来构建我的 Web 应用程序。我已经从 getBootstrap.com 网站下载了 Sass 源代码。下载代码后,当我从代码库中 运行 $ bower install bootstrap-sass
命令时。它创建了一个名为 bower_components 的目录,其中包含 bootstrap-sass 和 jquery 目录。
我的问题是我的设置是否正确?还有下一步是什么。我想自定义 .scss 文件来生成样式表。不对的地方请指点或适当的参考发扬。
虽然我建议您使用 --save
.
安装 bootstrap-sass,但您做对了
$ bower install bootstrap-sass --save
如果您有兴趣将 gulp 与您的应用程序一起使用,那么以下网页可能是一个很好的参考
http://ericlbarnes.com/setting-gulp-bower-bootstrap-sass-fontawesome/
如果你想在没有 gulp 的情况下继续,我建议你使用
sass --force --update <source_directory>:<target_directory>
源目录是放置您的 sass 文件的父 sass 目录,目标目录是编译和放置所有生成的 css 文件的最终目录.因此,例如,如果你想编译 sass 文件 app/sass/abc.scss
并且你的目标目录是 public/assets
,请使用上面的代码:
sass --force --update app/sass:public/assets.
这将在 public/assets
文件夹中生成两个名为 abc.css
和 abc.map
的文件,您可以在您的网页中 link 它们。
我打算使用 Twitter bootstrap-sass 源代码来构建我的 Web 应用程序。我已经从 getBootstrap.com 网站下载了 Sass 源代码。下载代码后,当我从代码库中 运行 $ bower install bootstrap-sass
命令时。它创建了一个名为 bower_components 的目录,其中包含 bootstrap-sass 和 jquery 目录。
我的问题是我的设置是否正确?还有下一步是什么。我想自定义 .scss 文件来生成样式表。不对的地方请指点或适当的参考发扬。
虽然我建议您使用 --save
.
$ bower install bootstrap-sass --save
如果您有兴趣将 gulp 与您的应用程序一起使用,那么以下网页可能是一个很好的参考
http://ericlbarnes.com/setting-gulp-bower-bootstrap-sass-fontawesome/
如果你想在没有 gulp 的情况下继续,我建议你使用
sass --force --update <source_directory>:<target_directory>
源目录是放置您的 sass 文件的父 sass 目录,目标目录是编译和放置所有生成的 css 文件的最终目录.因此,例如,如果你想编译 sass 文件 app/sass/abc.scss
并且你的目标目录是 public/assets
,请使用上面的代码:
sass --force --update app/sass:public/assets.
这将在 public/assets
文件夹中生成两个名为 abc.css
和 abc.map
的文件,您可以在您的网页中 link 它们。