Angular2打包遇到的問題與解決方法(二)

http://www.lxweimin.com/p/8943ff86349a 之前這篇是說了路徑的問題
這次是說準備部署時的打包
首先還是基于這個
ng build --base-href /test/dist/
但這樣打包出來的代碼非常大,所以需要生產環境的打包
ng build --prod --base-href /test/dist/ --save
或者
ng build --prod --no-extract-license --base-href /test/dist/ --save
不過這樣打包可能會報錯,這是因為生產環境的打包檢查代碼會按照嚴格模式,一些public寫成private的問題開發時不會報錯,但生產環境下打包就會報錯。還有類似item.a.b這種如果a是后來才創建的,也會報錯,改成item.a['b']這種方式就可以解決。這些報錯我的解決方式就是一個個對著去改,不知道還有沒有什么更好的方法。
還有如果想用cdn的方式引用外部代碼,可以直接在index.html的頭部寫

  <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

另外如果想在ts文件里使用jq的$符號或者類似的,需要在typings.d.ts文件里聲明

declare var module: NodeModule;
interface NodeModule {
  id: string;
}
declare var $: any;
declare var UIkit: any;
declare var echarts:any;
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • angular2最后想打包放到服務器,需要在文件目錄運行 ng build 命令,運行完會生成一個 dist 目錄...
    Tuzei閱讀 3,170評論 0 1
  • 中文翻譯 ng help ng build 構建您的應用程序并將其放入輸出路徑(dist /默認情況下)。 別名:...
    4ea0af17fd67閱讀 2,054評論 0 0
  • Angular CLI 是什么? Angular CLI 是一個命令行接口(Command Line Interf...
    semlinker閱讀 4,221評論 0 39
  • webpack 介紹 webpack 是什么 為什么引入新的打包工具 webpack 核心思想 webpack 安...
    yxsGert閱讀 6,496評論 2 71
  • 哈哈,沒錯,我就是騎單車菇涼中眾多的一個。上班三天,連續兩天遲到,原因不是起的晚,而是我低估了北京的堵。從住的地方...
    我是一只小小伍閱讀 164評論 0 0