Question

之前我曾经使用过Ember应用程序，但从未使用过Ember App Kit，事实上这个gruntfiles和bower依赖关系和东西的世界对我来说都是新的。我在this repo创建了一个全新的，刚刚解压缩的包含应用套件项目，并尝试让您在app / templates / application.hbs中看到的样式发挥作用。

我认为{Ember Discourse上的this thread会非常有帮助，但我必须遗漏一些基本因素，因为我今天早上试了几个小时来遵循所有的建议，我还没有得到它工作。

我所做的进展总结（对我而言）是正确的道路：

我根据信息here按npm install --save-dev grunt-contrib-less启用了较少的内容。
我通过bower install --save bootstrap
我有点期待它在这一点上起作用，但当我运行grunt dist时，引导程序的东西不在dist / assets / whatevercode.min.css
我要停止上市，因为此时我尝试了一百万件事情，最终还原了大部分内容。他们都是从这个the thread I mentioned above中挑选出来的，但这些策略要么已经过时，要么留下一些我未能做到的事情。

这真的不应该是具有挑战性的，除非我缺少一些我认为的基本知识。当然，这不是一个边缘案例，我只想在我的香草EAK中使用香草引导程序。：）

Answer 1

这是我的方法：

bower install bootstrap --save
npm install --save-dev grunt-contrib-less
将app/styles/app.css重命名为app.less
将@import "vendor/bootstrap/less/bootstrap.less";添加到app.less
将<script src="/vendor/bootstrap/dist/js/bootstrap.min.js"></script>添加到index.html

现在包括字体：

将字体从vendor/bootstrap/dist/fonts复制到public/assets
添加@icon-font-path: "assets/fronts/";到app.less

另一种方法是设置字体，就是添加一个新的grunt-copy任务，将字体自动复制到public/assets。

这不是必要的，因为它们不会经常改变，但无论如何：

将此添加到tasks/options/copy.js：

fonts: {
  files: [{
    expand: true,
    cwd: 'vendor/bootstrap/dist/fonts',
    src: ['*'],
    dest: 'tmp/result/assets/fonts'
  }]
},

将此新收据添加到buildStyles中的Gruntfile.js：

grunt.registerTask('buildStyles', filterAvailable([
                 'compass:compile',
                 'sass:compile',
                 'less:compile',
                 'stylus:compile',
                 'copy:cssToResult',
                 'copy:fonts' //<- HERE
                 ]));

包括引导样式到Ember App Kit

1 个答案: