ember-cli 提供创建 ember app 的全套开发环境,一键初始化工程、测试、打包、发布。ember-cli 的详细使用案例官方基本都有介绍 https://ember-cli.com/,在次只介绍一些特殊场景下需要的注意事项。
npm install -g ember-cli
ember-cli 的版本是随着 ember 的版本变更而变更的,版本号几乎一样
初始化一个项目
ember new ember-app
文档 https://ember-cli.com/user-guide/#using-appimport 描述了如何使用 app.import
copy、concat 第三方依赖。在 ember-cli 中,ember app 工程的第三方配置使用是在 ember-cli-build.js 中配置完成。如果 ember-app 是一个 ember-addon 工程,第三方依赖在 index.js 中配置使用
引入第三方 Non-AMD 依赖
app.import('bower_components/moment/moment.js');
声明为全局变量使用
import Ember from 'ember';
/* global moment */
// No import for moment, it's a global called `moment`
// ...
var day = moment('Dec 25, 1995');
- vendor 第三方 JavaScript
- public 图片等文件,如果需
- app/styles css or less 等文件
public/assets
放置需要的 font 、image 等文件,比如在 public/assets/images
目录下就可以在 css 中 url('/assets/images/logo.png')
这么引用
Assets | Output File |
---|---|
app/index.html |
index.html |
app/**/*.js |
/assets/application-name.js |
app/styles/app.css |
/assets/application-name.css |
app/styles/**/*.css |
/assets/application-name.css |
JavaScript files you import with app.import |
/assets/vendor.js |
CSS files you import with app.import |
/assets/vendor.css |