關於webpack官網的學習

2022-03-08 02:15:12 字數 990 閱讀 3529

webpack,從名詞上,「web pack」,大概可以看出是乙個網頁打包工具,其實它具有打包、壓縮、解析編譯的功能。

使用(配置webpack.config.js)

entry: 設定入口檔案

entry: ,
resolve: 設定根路徑

resolve: ,

extensions: ['.tsx', '.ts', '.js']

},

devserver: 設定熱更新

devserver: ,
module: 設定loader

module: ,]},

plugins: 載入外掛程式

const webpack = require('webpack');

const htmlwebpackplugin = require('html-webpack-plugin');

plugins: [

new webpack.hotmodulereplacementplugin(),

new webpack.progressplugin(),

new htmlwebpackplugin()

],

output: 輸出目錄

output:
在vue專案中使用webpack

在react專案中使用webpack

已經內建在react-scripts包裡了

怎麼寫乙個loader

編寫乙個 loader

怎麼寫乙個webpack外掛程式

編寫乙個外掛程式

探尋 webpack 外掛程式機制

webpack原理與實踐(二):實現乙個webpack外掛程式

關於babel官網的學習

提起babel,前端er大概都不陌生。但是為什麼要有babel呢?解決了什麼問題?怎麼使用babel呢?注意點在哪?以下就從這幾個方面總結一下我關於babel學習的結果吧。為什麼要有babel呢?距離es2015提出已經有幾年了,各個瀏覽器廠商也在積極地支援著各個好用的es6的新特性和新語法。但是還...

vue官網學習(一)

一直聽說vue.js的學習一定要通過官網來學習,個人雖然接觸過vue專案,對於官網還是比較陌生,所以今天開始對官網進行乙個初步的學習,後期準備看完之後,整理出來乙個比較清晰的目錄出來,供大家學習,希望大家持續關注我的部落格,謝謝!如果有不對的地方,希望大家能夠指正 一 安裝 1.vue.js相容所有...

Mockjs 官網學習總結

node commonjs 安裝 npm install mockjs 使用 mock var mock require mockjs var data mock.mock 輸出結果 console.log json.stringify data,null,4 mock.js 的語法規範包括兩部分 ...