webpack 入門教程?http://www.jianshu.com/p/4df92c335617

?

整體目錄結構
lib - 使用nodejs laydate
git
.bat 安裝腳本 打包
.sh
page.json 整體配置
server.js 開發服務器配置

webpack-模塊化劃分及代碼組織

使用npm自動化管理
npm的使用 - node的包管理工具
www.npmjs.com

package.json - 進行配置管理
內容是一段json數據：main-入口文件

server.js - 配置發布接口和本地測試接口
主要配置：webpack-dev-server

npm install
npm start

babel 作用？
-core
-loader
-preset-es2015
-preset-react
-css-loader webpack加載器，用來處理css代碼
-echarts
-exports-loader 處理不符合commonjs的代碼


使用webpack
各種插件的作用？
UglifyJsPlugin
CommonsChunkPlugin
CleanWebpackPlugin文件的清理

entry的配置：配置入口文件/模塊
resolve：解析
extensions-引用 js jsx
alias：別名，引用一些其他模塊，將路徑用一個別名替代映射。如第三方的laydate
output：配置輸出
打包到什么路徑，打包成什么名稱
chunkhash-前端靜態資源發布的一種解決方案

loaders：處理各種資源，css js jsx 圖片
test-檢測哪些文件
babelLoaderHot-熱插拔，代碼中有修改，直接在頁面中呈現
urlLoader - 圖片處理 iamge會向后端請求，所以壓縮成base64了。
大于一定閥值的圖片才向后端請求
exportLoader - 處理一些老的第三方組件

plugins：web的處理，代碼的壓縮 混淆
UglifyJsPlugin-
ExtractTextPlugin-
definePlugin-判斷當前所處環境

=========================================
組件：
datagrid中分頁引用的就是pagetool

?

?

?

?

?

?

?

?

轉載于:https://www.cnblogs.com/cndotabestdota/p/6856544.html

總結

以上是生活随笔為你收集整理的亚信第一天 5-15的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。