国产探花免费观看_亚洲丰满少妇自慰呻吟_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 的區別,如下:

這里寫圖片描述


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 溆浦县| 措美县| 岢岚县| 崇阳县| 蛟河市| 马边| 华安县| 海门市| 安仁县| 绍兴县| 鹤岗市| 鄂温| 峨边| 永兴县| 颍上县| 永济市| 乌兰县| 方城县| 博兴县| 千阳县| 建德市| 平南县| 葵青区| 孝义市| 凉城县| 新余市| 金乡县| 定日县| 盈江县| 开平市| 南乐县| 巴东县| 壶关县| 霍林郭勒市| 阿克苏市| 聂荣县| 聂荣县| 秦安县| 峨山| 绥化市| 襄城县|