webpack4 + angular6 + ng-zorro-antd的腳手架

項目已經上線好久了，差很少一年的時間了，使用本身開發的腳手架。

最開始是使用webpack3 + angular4 + ng-zorro-antd(剛發佈版本:0.5.0-rc.2)開發的，爲公司開發的一套cms。後來因爲種種緣由，沒有繼續使用。被我拿來當作本身的後臺管理系統，用着感受還不錯(雖然antd升級變化較大，坑也大，固然也包括rxjs)。

angular的組件形式，路由使用，代碼分割，組件二次發開等在項目中均有體現。

新升級的webpack4 + angular6 + ng-zorro-antd(1.4.0，剛剛瞄了一眼，好像又到1.6.0了...)，項目的腳手架是本身寫的，可能還有些不完善，繼續優化中。

項目中還使用到了其餘的一些技術：websocket，echarts圖表，quill編輯器等。

項目目錄簡介：

conf目錄(打包配置)
dist目錄(編譯後的靜態資源)
src目錄爲項目源碼目錄，下面分爲：
    app(項目功能模塊)
    assets(靜態資源)
    components(公共組件)
    template(webpack打包html文件模板)
    uitls(項目插件及工具)
    app.ts(項目入口文件)
    index.ts(webpack打包入口文件)
    polyfills.ts(folyfill)
    vendor.ts(這裏主要是angular6)

webpack中的配置：

ts文件的loader
    awesome-typescript-loader
    angular2-template-loader
    angular-router-loader

webpack4中變化較大的兩個地方：

1. css代碼提取的插件
MiniCssExtractPlugin(之前是ExtractTextWebpackPlugin)

2. js代碼提取及切割插件
SplitChunksPlugin(之前是CommonsChunkPlugin)

詳細狀況請翻閱webpack官方文檔：[webpack文檔](https://webpack.js.org/plugins/)

從目前的狀況來看，angular的相關資料仍是比較少的，雖然已經比當初寫這個項目的時候多了很多(遙想當時硬着頭皮各類找資料...)。喜歡angular的人中，java開發者和國外的開發者感興趣的比較多。

歡迎star項目，但願能給angular開發者一些幫助和理解，指出項目中的不足之處，感謝~

項目地址：https://github.com/xpioneer/c...