angular2 如何實用webpack 進行打包簡易版

自己開發(fā)項目,經(jīng)常需要把前端的開發(fā)代碼給打包出來放到tomcat或者別的容器里,故需要把項目里的內(nèi)容打包成js出來,我也沒啥文采,直接進入正題。

環(huán)境必備
  1. node
  2. webpack
  3. angular-cli
安裝angular-cli webpack

npm install -global angular-cli webpack

正文

ng new test --si
cd n2test
npm install or yarn install
ng eject --轉(zhuǎn)換為webpack配置模式

webpack

生成的dist目錄就是你需要的打包后代碼了,到了這里懂webpack的同學(xué)都知道后面該怎么做了。

Thanks

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • webpack 介紹 webpack 是什么 為什么引入新的打包工具 webpack 核心思想 webpack 安...
    yxsGert閱讀 6,515評論 2 71
  • 作者:小 boy (滬江前端開發(fā)工程師)本文原創(chuàng),轉(zhuǎn)載請注明作者及出處。原文地址:https://www.smas...
    iKcamp閱讀 2,774評論 0 18
  • 版權(quán)聲明:本文為博主原創(chuàng)文章,未經(jīng)博主允許不得轉(zhuǎn)載。 webpack介紹和使用 一、webpack介紹 1、由來 ...
    it筱竹閱讀 11,243評論 0 21
  • 本文寫于 Webpack 2 正式發(fā)布之前(完善文檔階段),不僅是 Webpack 2 的入門教程,也介紹了 We...
    cbw100閱讀 2,789評論 3 30
  • 不知什么開始,我們的生活變得越來越艱難。物價房價于幾倍十幾倍的速度先于我們的工資走在...
    谷子雪閱讀 315評論 0 1