Question

我将最后的细节提供给我的第一个AngularJS应用程序，我正在创建一个Gulp配置来验证我的代码并设置一些常量，以便更清晰地定义不同的环境。

现在，这是我的项目文件夹结构，我的组件按文件夹排序，因此每个组件都有一个文件夹，因此我开发起来比较清晰，因为我有很多组件：

...
<script src="js/app.js" type="text/javascript"></script>
</html>

现在，在我的index.html配置中，我已经导入了所有这些.js，例如：

src                                     
├── app                                 
│   ├── app.js                          
│   ├── config.js                       
│   └── index.html                      
└── resources                           
│    └── [...3rd party libraries...].min.js
└── components
    ├── admin
    |     ├── users
    |     |     ├── users.list.controller.js
    |     |     └── users.list.view.html 
    |     └── areas
    |           ├── areas.list.controller.js
    |           └── areas.list.view.html
    ├── [...etc...]
    └── [...etc...]

问题是，我应该只在一个文件中连接所有组件代码吗？如果是这样，我怎么能把我所有的html js导入只变成一个（我当然要求自动化的方式：））

如果有人对我的应用结构或标准有任何想法，欢迎

谢谢！

Answer 1

我们通常决定根据大小来调整我们的捆绑/缩小文件。我们在开发和生产环境中使用不同的方法。

开发环境：

我们使用wiredep / gulp-inject将js文件传递到索引页面。
我们将观察者放在wiredep / gulp-inject任务上来查看代码中的任何变化。以便新代码可以自动传递到索引页面
我们使用bower作为客户端依赖项并自动化该过程，以便在安装依赖项后，引用将进入索引页。

生产环境

捆绑/缩小所有第三方库作为单独的捆绑包。
捆绑/缩小单独捆绑中的所有项目文件。
经常观察这些捆绑包的大小，因为随着代码的增长，您可能需要将缩小的文件分解为更多文件。
我们使用grunt-usemin来提供缩小的文件

<强>参考

Wiredep/gulp-inject

usemin

AngularJS + Gulp - 我应该将所有文件连接在一起吗？

1 个答案: