Ember-cli-selectize 项目教程

1. 项目的目录结构及介绍

Ember-cli-selectize 项目的目录结构如下：

ember-cli-selectize/
├── addon/
├── app/
├── config/
├── tests/
├── vendor/
├── .editorconfig
├── .ember-cli
├── .eslintrc.js
├── .gitignore
├── .npmignore
├── .travis.yml
├── .watchmanconfig
├── CHANGELOG.md
├── HISTORY.md
├── LICENSE.md
├── README.md
├── ember-cli-build.js
├── index.js
├── package.json
├── testem.js
└── yarn.lock

目录结构介绍：

• addon/: 包含项目的插件代码。
• app/: 包含项目的应用程序代码。
• config/: 包含项目的配置文件。
• tests/: 包含项目的测试代码。
• vendor/: 包含第三方库或资源。
• .editorconfig: 编辑器配置文件。
• .ember-cli: Ember CLI 配置文件。
• .eslintrc.js: ESLint 配置文件。
• .gitignore: Git 忽略文件配置。
• .npmignore: npm 忽略文件配置。
• .travis.yml: Travis CI 配置文件。
• .watchmanconfig: Watchman 配置文件。
• CHANGELOG.md: 项目变更日志。
• HISTORY.md: 项目历史记录。
• LICENSE.md: 项目许可证。
• README.md: 项目自述文件。
• ember-cli-build.js: Ember CLI 构建配置文件。
• index.js: 项目入口文件。
• package.json: npm 包配置文件。
• testem.js: 测试配置文件。
• yarn.lock: Yarn 锁定文件。

2. 项目的启动文件介绍

项目的启动文件是 index.js。这个文件是 Ember-cli-selectize 项目的入口文件，负责初始化项目并加载必要的模块。

// index.js
module.exports = {
  name: require('./package').name
};

启动文件介绍：

• index.js: 该文件导出一个对象，包含项目的名称。这个名称是从 package.json 文件中获取的。

3. 项目的配置文件介绍

项目的配置文件主要集中在 config/ 目录下，包括以下文件：

• ember-cli-build.js: Ember CLI 构建配置文件。
• environment.js: 环境配置文件。
• optional-features.json: 可选特性配置文件。
• targets.js: 目标配置文件。

配置文件介绍：

• ember-cli-build.js: 该文件定义了 Ember CLI 构建过程中的配置选项，例如资源处理、插件加载等。

// ember-cli-build.js
'use strict';

const EmberApp = require('ember-cli/lib/broccoli/ember-app');

module.exports = function(defaults) {
  let app = new EmberApp(defaults, {
    // Add options here
  });

  return app.toTree();
};

• environment.js: 该文件定义了不同环境（如开发、测试、生产）下的配置选项。

// config/environment.js
module.exports = function(environment) {
  let ENV = {
    modulePrefix: 'your-app-name',
    environment: environment,
    rootURL: '/',
    locationType: 'auto',
    // other configurations
  };

  if (environment === 'development') {
    // development specific configurations
  }

  if (environment === 'test') {
    // test specific configurations
  }

  if (environment === 'production') {
    // production specific configurations
  }

  return ENV;
};

• optional-features.json: 该文件定义了可选特性的启用或禁用。

// config/optional-features.json
{
  "jquery-integration": false,
  "template-only-glimmer-components": true
}

• targets.js: 该文件定义了项目的目标浏览器或平台。

// config/targets.js
module.exports = {
  browsers: [
    'last 2 Chrome versions',
    'last 2 Firefox versions',
    'last 2 Safari versions'
  ]
};

通过这些配置文件，Ember-cli-selectize 项目可以在不同的环境中运行，并且可以根据需要启用或禁用特定的功能。