ember-cli

ember-cli 提供创建 ember app 的全套开发环境,一键初始化工程、测试、打包、发布。ember-cli 的详细使用案例官方基本都有介绍 https://ember-cli.com/,在次只介绍一些特殊场景下需要的注意事项。

安装 ember-cli

npm install -g ember-cli

ember-cli 的版本是随着 ember 的版本变更而变更的,版本号几乎一样

初始化一个项目

ember new ember-app

使用 app-import copy、concat 第三方依赖

文档 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');

ember app 几个目录结构说明

  • vendor 第三方 JavaScript
  • public 图片等文件,如果需
  • app/styles css or less 等文件

Asset compilation

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
© 三月沙 all right reserved,powered by GitbookUpdated at 2022-01-22 10:25:17

results matching ""

    No results matching ""