如何从Webstorm发布angularjs项目

时间:2015-07-17 22:42:57

标签: angularjs webstorm

有很多关于WebStorm如何编辑角度的好处,他们的内置模板非常好;但是,当我对该应用感到满意时,我无法找到任何关于我该怎么做的事情。

假设我创建了默认模板,我怎么能为这个应用程序获得一个漂亮的文件夹结构,以便我可以将它ftp到远程服务器?

更好的是,是否可以编译' (包)我的整个角度依赖和模块到一个.js文件,然后例如有一个index.html只是以某种方式引用?

1 个答案:

答案 0 :(得分:0)

你可以从这个excellent Yeoman generator中激励自己。

我目前正在使用它,当我使用gulp serve完成编码和测试时,我只是通过使用gulp build命令编译所有源代码来发布我的应用程序。

架构如下,我个人发现这是一个非常好的架构:

├──  src/
│   ├──  app/
│   │   ├──  components/
│   │   │   └──  navbar/
│   │   │   │   ├──  navbar.controller.js
│   │   │   │   └──  navbar.html
│   │   ├──  main/
│   │   │   ├──  main.controller.js
│   │   │   ├──  main.controller.spec.js
│   │   │   └──  main.html
│   │   └──  index.js
│   │   └──  index.(css|less|scss)
│   │   └──  vendor.(css|less|scss)
│   ├──  assets/
│   │   └──  images/
│   ├──  404.html
│   ├──  favico.ico
│   └──  index.html
├──  gulp/
├──  e2e/
├──  bower_components/
├──  nodes_modules/
├──  .bowerrc
├──  .editorconfig
├──  .gitignore
├──  .jshintrc
├──  bower.json
├──  gulpfile.js
├──  karma.conf.js
├──  package.json
├──  protractor.conf.js

运行gulp build后,所有JS文件都会编译为一个唯一的index.js文件,您的样式文件也会编译。 bower包含的所有供应商脚本也被编译为一个并存储在dist目录中的vendor.js文件中。