问题标签 [yeoman]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angularjs - 配置 Yeoman 以构建非 root 项目
我可能遗漏了一些明显的东西,但我真的无法通过查看 GitHub 上的文档和问题来弄清楚 -
我正在开发一个 AngularJS 项目,该项目将部署在服务器上的特定子目录(即不是根目录)上。我正在使用 Yeoman.io,并尝试对其进行配置,以便该应用程序是独立的,并且不依赖于“/images”等绝对路径。每次尝试弄乱 Grunt 文件或 Compass 配置都会导致构建损坏。图像和精灵的路径是错误的 - 有时是错误的目录,有时是错误的文件名(没有修订前缀)。
有人对此有很好的经验吗?
mocha.js - 摩卡卡住了,控制台没有输出
我在 yeoman 中使用 mocha 作为构建目标:yeoman test
.
但我看到的唯一输出是
运行“mocha:all”(摩卡)任务
测试 index.html
当我在浏览器中打开同样的 index.html 时,它就可以工作了。
我希望测试结果会显示在控制台中。
node.js - nodejs / grunt usemin 插件
我正在使用 yeoman 和 grunt 来构建我的项目和 grunt-css 插件,用于使用 grunt.js 内置的“cssmin”而不是“css”
索引.html
Gruntfile.js
那么构建项目结构是:
然后输出 index.html 文件
如您所见,除了重命名 index.html 中应为'styles/d41d8cd9.styles.css 的修订后的样式外,一切正常。有人知道为什么吗?问号是“?” 在行正常???
注意:有关更多信息,这将在我的控制台中输出(无错误)运行“rev:js”(rev)任务 dist/scripts/scripts.js --- 04216377.scripts.js
运行 "rev:css" (rev) 任务 dist/styles/styles.css --- d41d8cd9.styles.css
运行“rev:img”(rev) 任务
运行“usemin:html”(usemin)任务
usemin:html - dist/index.html 脚本/scripts.js
运行“usemin:css”(usemin)任务
usemin:css - dist/styles/d41d8cd9.styles.css
并且没有重命名!非常感谢你们!
yeoman - 为什么我的 yeoman 构建失败?
这是我构建的最后一部分:
完整日志: http: //pastebin.com/qECNNGSX
结果是服务器显然正在运行,我可以访问 localhost url,但 javascript 没有合并或缩小。我正在使用全新安装。无论我是否将任何我自己的 JavaScript 添加到样板初始化代码中,都会发生这种情况。我选择使用 Twitter Bootstrap 但不是插件或其他任何东西,当我执行 yeoman init 时仅供参考。
Compass 版本:Compass 0.13.alpha.0 (Markab) 节点版本:v0.8.14 Yeoman 版本:yeoman v0.9.5(我已经尝试了默认并从github克隆)
minify - 扩展 yeoman 构建过程以缩小 json
我正在寻找一种方法来扩展 yeoman 的构建过程,用一些东西来缩小 json 文件......我找到了一个可以缩小 json 文件但它不导出任何功能的 npm 包:/任何知道如何集成的人进入 yeoman 构建过程?
https://npmjs.org/package/json-minify
亲切的问候,
大安
css - 使用 Yeoman 在后台连续连接 CSS
我正在使用Yeoman,但找不到在文件更改时触发CSS 任务的方法。
我有一个像这样的项目结构
我想让约曼
- 查看模块中的所有 CSS 文件;
- 触发 CSS concat/minification 任务;
- 覆盖
app/styles/main.css
。
这是我的Gruntfile.js
:
javascript - 在 yeoman 脚手架主干项目中创建新的主干视图
yeoman init backbone:view input
这会生成两个文件:app/scripts/templates/input.ejs 和 app/scripts/views/input-view.js
如何从应用程序中实例化这个视图?
git - Yeoman 安装和协作(例如通过 git)
我正在使用 yeoman 开始我的第一个严肃项目,但遇到了一个我无法从文档中弄清楚的问题。
我的新 webapp 使用 bootstrap-js 和 lodash 作为基础 javascript,所以我yeoman install ...
为这两个库做了。这似乎已将两个库(加上 jquery)的整个 github 存储库克隆到两个components
目录,一个在应用程序的根目录,一个在app
目录中。
现在,我想将它提交到我的 git 存储库。显然,将依赖库的整个存储库放在我的存储库中是没有意义的。在最坏的情况下,我可以只放置组件目录中的 min.js 文件。但我想最好的办法是添加一个列出依赖项的文件,然后让其他编码人员使用 yeoman 在他们的机器上安装依赖项。
有没有办法做到这一点?似乎有一个package.json
可能是放置它的地方,但是格式是什么?文档提到components.json
了 Bower,但也不清楚如何使用它。
有任何想法吗?
javascript - 为什么 bower 安装包两次?
当我使用 Yeoman(在幕后使用 Bower)安装软件包时,我看到 bower 将每个软件包安装了两次。
- 项目根目录下的第一个
components
文件夹 - 另一个内部
app/components
文件夹
例如,当我运行命令时yeoman install jquery
我的项目目录将如下所示
- 为什么我对每个组件都有一个副本,我应该使用哪一个?
- 我想最好的做法是从我的应用程序中引用这些组件,并且永远不要更改它们,以便我可以轻松更新它们,对吗?
javascript - Ember.js 和 Yeoman,外部模板文件插入
我是一个使用 Ember.js 的新手,我今天才开始查找它。我目前正在计划使用 Ember.js 和 Yeoman 开发一个 Phonegap 应用程序,并且在我对 Ember.js 框架进行原型设计和调查时,我想知道:
您如何在 index.html 中使用外部模板文件?在我见过的每个教程、帖子、指南或文档中,index.html 似乎都包含所有模板,格式为
等等……</p>
但是当我使用 Yeoman 创建应用程序时,它会生成一个包含所有template.handlebars
模板文件的脚本/模板文件夹。
我该如何使用它们?我的意思是,我想,只要需要它们,index.html 中就应该需要它们,但我该怎么做呢?我已按照此说明操作https://github.com/yeoman/yeoman/issues/455#issuecomment-8598553,现在我使用了 index.html 中需要的 application.js。
但是我如何告诉我的应用程序我需要在我的 index.html 中需要相关的(到我的路由)模板才能将其插入到 DOM 中?
我真的不想在一个 .html 文件中定义我的所有模板。
我一定是错过了什么……</p>
谢谢 !