並且 abd ron asc agg bpa vra 開發 項目結構

什麽是webpack? 作用有哪些？ WebPack可以看做是模塊打包機：它做的事情是，分析你的項目結構，找到JavaScript模塊以及其它的一些瀏覽器不能直接運行的拓展語言（Scss，TypeScript等），並將其轉換和打包為合適的格式供瀏覽器使用 作用： 　1、模塊化，讓我們可以把復雜的程序細化為小的文件; 2、類似於TypeScript這種在JavaScript基礎上拓展的開發語言：使我們能夠實現目前版本的JavaScript不能直接使用的特性，並且之後還能轉換為JavaScript文件使瀏覽器可 以識別； 3、Scss，less等CSS預處理器 webpack的基本使用

1、全局安裝webpack npm install webpack -g 2、查看版本號 : webpack -v 3、查看全局安裝過哪些模塊：npm list -g --depth 0 4、局部安裝webpack : npm install webpack --save-dev 5、基礎的打包方式 webpack 文件名 生成文件名

溫馨提示：webpack4.0以上版本坑比較多，新手建議安裝4.0以下版本

1、卸載默認： npm uninstall webpack 2、全局安裝： npm install [email protected] -g 3、局部安裝： npm install [email protected] --save-dev

---

---

1:webpack WebPack可以看做是模塊打包機：它做的事情是，分析你的項目結構，找到JavaScript模塊以及其它的一些瀏覽器不能直接運行的拓展語言（Scss，TypeScript等），並將其轉換和打包為合適的格式供瀏覽器使用。 Webpack的工作方式是：把你的項目當做一個整體，通過一個給定的主文件（如：index.js），Webpack將從這個文件開始找到你的項目的所有依賴文件，使用loaders處理它們，最後打包為一個（或多個）瀏覽器可識別的JavaScript文件。 2:gulp,grunt Gulp/Grunt是一種能夠優化前端的開發流程的工具，而WebPack是一種模塊化的解決方案，不過Webpack的優點使得Webpack在很多場景下可以替代Gulp/Grunt類的工具。 Grunt和Gulp的工作方式是：在一個配置文件中，指明對某些文件進行類似編譯，組合，壓縮等任務的具體步驟，工具之後可以自動替你完成這些任務。 <使用webpack> //全局安裝

npm install -g webpack

//安裝到你的項目目錄

npm install --save-dev webpack

模塊打包機--webpack--基礎使用