angular2 如何實(shí)用webpack 進(jìn)行打包簡(jiǎn)易版

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

環(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)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

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

友情鏈接更多精彩內(nèi)容