Question

我正在努力为我的Angular 1.5应用程序升级ES6课程，到目前为止我一直非常关注Todd Motto的样式指南。我一直在命名组件文件：


    |-components/featurename
    |---featurename.index.js
    |---featurename.component.js
    |---featurename.controller.js
    |---featurename.service.js
    |---featurename.style.css

我一直在命名这样的类：

const SomeComponent = {};
export default SomeComponent;

然后使用相同的名称导入：

import SomeComponent from './featurename.component';

我想知道从所有这些中删除featurename是否会导致测试和调试问题。如果没有发电机，它肯定会使锅炉板更容易制作。我建议这样的事情：


    |-components/featurename
    |---index.js
    |---component.js
    etc..

const Component = {};
export default Component;

import Component from './component';

Answer 1

我相信您可以以您希望的方式自由地对项目中的源进行组织。 “featurename”前缀对于文件搜索很有用。我认为这是重点。让我们想象一下，我们有10个功能，这意味着我们有10个index.js文件。搜索“index”作为文件名+“js”作为扩展名将给我们10+个结果......在这种情况下，必须搜索特定于功能的文件夹。它可能取决于您用于开发的环境，可能存在这样的设置，这不是问题。

标准化AngularJS ES6类和文件名

1 个答案: