webpack 入門(mén)教程?http://www.jianshu.com/p/4df92c335617

?

整體目錄結(jié)構(gòu)
lib - 使用nodejs laydate
git
.bat 安裝腳本 打包
.sh
page.json 整體配置
server.js 開(kāi)發(fā)服務(wù)器配置

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

使用npm自動(dòng)化管理
npm的使用 - node的包管理工具
www.npmjs.com

package.json - 進(jìn)行配置管理
內(nèi)容是一段json數(shù)據(jù)：main-入口文件

server.js - 配置發(fā)布接口和本地測(cè)試接口
主要配置：webpack-dev-server

npm install
npm start

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


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

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

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

plugins：web的處理，代碼的壓縮 混淆
UglifyJsPlugin-
ExtractTextPlugin-
definePlugin-判斷當(dāng)前所處環(huán)境

=========================================
組件：
datagrid中分頁(yè)引用的就是pagetool

?

?

?

?

?

?

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/cndotabestdota/p/6856544.html

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。