站長資訊網(wǎng)
        最全最豐富的資訊網(wǎng)站

        分享webpack實例教程

        Webpack 是一個前端資源加載/打包工具。它將根據(jù)模塊的依賴關(guān)系進(jìn)行靜態(tài)分析,然后將這些模塊按照指定的規(guī)則生成對應(yīng)的靜態(tài)資源。

        安裝 Webpack

        在安裝 Webpack 前,你本地環(huán)境需要支持 node.js。

        由于 npm 安裝速度慢,本教程使用了淘寶的鏡像及其命令 cnpm

        首先全局安裝webpack,再npm初始化一個項目,并局部安裝webpack開發(fā)工具

        $ npm install webpack -g
        npm init (項目名稱)    $ npm install webpack-dev-server --save-dev

        在項目目錄下創(chuàng)建app文件夾,并創(chuàng)建index.js文件,寫入如下代碼

        console.log('hello world');

        在項目文件夾下打開命令行,輸入如下命令

        webpack app/index.js build/index.js

        出現(xiàn)如下代碼即為成功

        分享webpack實例教程

        看下build/index.js文件的代碼:

        分享webpack實例教程

        分享webpack實例教程

        分享webpack實例教程

        可以看到73行就是我們app/index.js 文件的代碼

        具體源碼等改天我們再分析,今天我們主要的目的是體驗。

        這樣一個一個代碼敲效率太低,我們可以通過webpack.config.js文件來完成更高級的功能。

        贊(0)
        分享到: 更多 (0)
        網(wǎng)站地圖   滬ICP備18035694號-2    滬公網(wǎng)安備31011702889846號
        主站蜘蛛池模板: 久久精品国产久精国产思思| 夜夜爽一区二区三区精品| 最新国产精品精品视频| 91久久精品91久久性色| 久久久91精品国产一区二区三区 | 亚洲国产精品久久久久网站 | 国产成人久久精品激情| 国产大片91精品免费观看不卡| 午夜成人精品福利网站在线观看 | 国产成人精品高清在线观看99| 午夜天堂精品久久久久| HEYZO无码综合国产精品227| 91精品国产麻豆国产自产在线 | 久久精品一本到99热免费| 欧美精品一二区| 亚洲2022国产成人精品无码区| 国产免费伦精品一区二区三区| 亚洲午夜福利精品无码| 国产精品一区三区| 四虎影视国产精品亚洲精品hd| 91在线视频精品| 国产精品国产亚洲精品看不卡| 亚洲av日韩av天堂影片精品| 亚洲爆乳精品无码一区二区| 国产AV午夜精品一区二区入口| 亚洲精品色午夜无码专区日韩| 九九在线精品视频专区| 日韩视频中文字幕精品偷拍| 99精品影院| 国产韩国精品一区二区三区| 亚洲AV成人精品网站在线播放| 亚洲综合精品网站| 一区二区日韩国产精品| 伊人 久久 精品| 亚洲精品国偷自产在线| 日韩AV无码精品人妻系列| 99久久免费国产精品| 亚洲国产精品无码久久98| 四虎影院国产精品| 亚洲人午夜射精精品日韩| 亚洲精品无码不卡在线播放HE|