javascript - 关于agular 应用拆分问题,webpack打包和架构问题，angluar性能优化

Question

对于一整个网站单独的angular 如果只有一个app入口，前端的代码会非常的庞大，会显得比较臃肿，所以考虑到app进行拆分，但是对于app拆分应当尽可能考虑到代码的结构和压缩后代码的大小。
我考虑到拆分后的angular目录结构应该是尽可能精简。

部署的dist目录结构.

-- dist
   -- css
     -- common.css
     -- app.css
     -- app2.css
     -- app3.css
   -- images
   -- js
     -- common.js
     -- vender
        -- jquery.js
        -- angular.js
        -- angular-common.js
        -- packages.js
        -- packages2.js
     -- bundle
      -- app
        -- app.template.js
        -- app.vender.js
        -- app.router.js
      -- app2
        -- app.template.js
        -- app.vender.js
        -- app.router.js
   -- font
   
   -- app.html
   -- app2.html
   -- app3.html
   

对于多个angular app进行拆分有什么好的打包方案。

Answer 1

推荐你看看这个，里面有比较好的方案，你可以试试NG6-starter