一、什麼是webpack?
webpack是乙個模組打包工具。
用vue專案來舉例：瀏覽器它是只認識js，不認識vue的。而我們寫的**字尾大多是.vue的，在每個.vue檔案中都可能html、js、css甚至是資源；並且由於元件化，這些.vue檔案之間還有錯綜複雜的關係。所以專案要被瀏覽器識別，我們就要使用webpack將它們打包成js檔案以及相應的資源檔案。
二、webpack的功能？
1、它可以吧css，js當做模組來處理
2、它可以吧以上的這些檔案進行打包壓縮成乙個js檔案，減少了http的請求
3、根據模組之間的依賴關係進行分析，按需載入
4、可以安裝一些外掛程式，對外掛程式進行打包處理
三、安裝
1 npm install webpack -g(全域性的安裝)
2 webpack -v #檢視是否安裝成功
手動打包：
1 a.js
2 webpack a.js /test/a2.js
這裡我們來理解下webpack是如何打包的
1 var tcl = "this is webpack test";
2 console.log(tcl);
3 require('style-loader!css-loader!./a.css');
就會自動生成乙個b.js的檔案，現在就可以使用並匯入了
歸類 : vue
webpack打包工具
終端執行 yarn webpack或者 在package.json中加入 scripts 開發模式 yarn webpack mode development原始模式 yarn webpack mode none在webpack.config.js中增加mode的模式 mode developmen...
webpack打包工具
目的 平時小專案中例如一些 需要進行打包壓縮，用這個工具可以進行打包壓縮，就可以上傳到伺服器。使用方法 1，引進需要打包的專案，把入口html替換掉專案中的index.html，把引進的js，css都放在src裡面對應的資料夾裡面 2，npm install 3，進行webpack.config.j...
模組打包工具webpack的使用
webpack是什麼 1.模組化 2.自定義檔案或npm install 整個專案完成後，可以將整個專案進行模組化，模組化分為兩種，一是自定義的檔案 自己建立的css檔案或者js檔案 而是引用的檔案 比如bootstrap或者angular 3.靜態檔案模組化 比如css檔案 4.借助於外掛程式和載...