国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

understand webpack part 1

2024-04-27 15:14:41
字體:
來源:轉載
供稿:網友

What does webpack do


Why do we use build tools?

這里寫圖片描述

server side templating 例如:asp.net, php 等服務端腳本生成,而 Single Page App 由javascript 生成,spa需要管理大量的js module 依賴,所以,這就是webpack所解決的問題。


Module System

這里寫圖片描述


Webpack config

webpack 通過 webpack.config.js 執行一系列操作

這里寫圖片描述 webpack.config.js 定義一個普通的js object,包含一些字段。

const config = { entry: '', output:{}, ......}entry index.js 以及他所有引用過的module(圖中的sum.js)都將被webbpack打包成一個文件(bundle.js)entry: './src/index.js'

output output 指定打包后生成的文件名和保存的路徑,path為絕對路徑output: { path: path,resolve(__dirname, 'dist'), filename: 'bundle.js'}

Running webpack

webpack 和 npm run build 的區別,如下:

這里寫圖片描述


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 双城市| 天门市| 牙克石市| 衡阳县| 和硕县| 拉孜县| 绵竹市| 辰溪县| 云林县| 达拉特旗| 曲周县| 盐城市| 南陵县| 卢湾区| 襄汾县| 九龙城区| 明星| 襄垣县| 许昌市| 富阳市| 梁山县| 铅山县| 视频| 鲁山县| 朝阳区| 行唐县| 青浦区| 遂溪县| 安阳市| 宁武县| 凤城市| 宿松县| 启东市| 盱眙县| 九龙城区| 都安| 海宁市| 雅安市| 肃南| 瑞安市| 连山|