Ember CLI i18n 项目教程
1. 项目的目录结构及介绍
ember-cli-i18n/
├── addon/
├── app/
├── blueprints/
│ └── locale/
├── config/
├── test-support/
├── tests/
├── vendor/
├── .bowerrc
├── .editorconfig
├── .ember-cli
├── .gitignore
├── .jshintrc
├── .npmignore
├── .travis.yml
├── Brocfile.js
├── LICENSE.md
├── README.md
├── bower.json
├── index.js
├── package.json
└── testem.json
addon/
: 包含插件的核心代码。app/
: 包含应用程序的代码。blueprints/
: 包含脚手架模板,特别是locale/
目录用于处理国际化相关的模板。config/
: 包含项目的配置文件。test-support/
: 包含测试支持文件。tests/
: 包含测试文件。vendor/
: 包含第三方库。.bowerrc
,.editorconfig
,.ember-cli
,.gitignore
,.jshintrc
,.npmignore
,.travis.yml
: 各种配置文件。Brocfile.js
: 项目的构建配置文件。LICENSE.md
: 项目的许可证文件。README.md
: 项目的说明文档。bower.json
: Bower 依赖管理文件。index.js
: 项目的入口文件。package.json
: npm 依赖管理文件。testem.json
: 测试运行器的配置文件。
2. 项目的启动文件介绍
项目的启动文件是 index.js
,它作为项目的入口文件,负责初始化和配置插件。以下是 index.js
的基本结构:
module.exports = {
name: 'ember-cli-i18n',
included: function(app) {
this._super.included.apply(this, arguments);
// 插件的初始化代码
},
// 其他配置和方法
};
3. 项目的配置文件介绍
项目的配置文件主要位于 config/
目录下,包括但不限于以下文件:
environment.js
: 环境配置文件,定义不同环境下的配置。ember-cli-build.js
: 构建配置文件,定义构建过程中的各种设置。
以下是 environment.js
的基本结构:
module.exports = function(environment) {
let ENV = {
modulePrefix: 'your-app-name',
environment: environment,
rootURL: '/',
locationType: 'auto',
EmberENV: {
FEATURES: {
// 特性配置
},
EXTEND_PROTOTYPES: {
// 原型扩展配置
}
},
APP: {
// 应用配置
}
};
if (environment === 'development') {
// 开发环境配置
}
if (environment === 'test') {
// 测试环境配置
}
if (environment === 'production') {
// 生产环境配置
}
return ENV;
};
以下是 ember-cli-build.js
的基本结构:
'use strict';
const EmberApp = require('ember-cli/lib/broccoli/ember-app');
module.exports = function(defaults) {
let app = new EmberApp(defaults, {
// 构建选项
});
return app.toTree();
};
通过以上配置文件,可以对项目进行详细的配置和定制。