webpack 的初識

標簽： Webpack

Webpack可以將瀏覽器無法識別的CommonJS語法轉換為ES6語法

webpack 的安裝和基本使用

webpack中文官方文檔
在安裝webpack 的時候需要一起安裝webpack-cli

在全局環境下安裝 webpack
npm i webpack webpack-cli -g
在項目中安裝webpack
npm i webpack webpack-cli -D

npx 可以執行devDependencies 依賴包的文件包
npx webpack 可以自行打包文件
在這里插入圖片描述

webpack的基礎配置

從webpack 4.0.0開始可以不用引入一個配置文件, 然而webpack仍然是高度可配置的, 需要四個核心概念

入口(entry): 程序的入口js文件
輸出(output): 打包后存放的位置
loader: 用于對文本的源代碼進行轉換
插件(plugins): 插件目的在于解決loader無法解決的其他事

const path = require("path")
module.export = {
	// 入口文件的配置
	entry: "./src/index.js",
	// 出口文件的配置 
    // 出口文件必須使用的是絕對路徑 導入 path 模塊 必須為對象
	output: {
		/* 
        * path : 用于指定文件的導出路徑
        * name : 用于指定文件的導出名稱
        */
		path: path.join(__dirname, "./dist/"),
		filename: "main.js"
	},
	// 用于設置文件的導出方式 主要是判斷是否壓縮代碼
	// development 開發環境
	// production  項目部署的生產環境  默認為生產環境
	mode: "development"
}

本文鏈接：https://blog.csdn.net/weixin_43972992/article/details/103521590

智能推薦

freemarker + ItextRender 根據模板生成PDF文件

1. 制作模板 2. 獲取模板，并將所獲取的數據加載生成html文件 2. 生成PDF文件其中由兩個地方需要注意，都是關于獲取文件路徑的問題，由于項目部署的時候是打包成jar包形式，所以在開發過程中時直接安照傳統的獲取方法沒有一點文件，但是當打包后部署，總是出錯。于是參考網上文章，先將文件讀出來到項目的臨時目錄下，然后再按正常方式加載該臨時文件；還有一個問題至今沒有解決，就是關于生成PDF文件...

電腦空間不夠了？教你一個小秒招快速清理 Docker 占用的磁盤空間！

Docker 很占用空間，每當我們運行容器、拉取鏡像、部署應用、構建自己的鏡像時，我們的磁盤空間會被大量占用。如果你也被這個問題所困擾，咱們就一起看一下 Docker 是如何使用磁盤空間的，以及如何回收。 docker 占用的空間可以通過下面的命令查看： TYPE 列出了docker 使用磁盤的 4 種類型： Images：所有鏡像占用的空間，包括拉取下來的鏡像，和本地構建的。 Con...

requests實現全自動PPT模板

http://www.1ppt.com/moban/ 可以免費的下載PPT模板，當然如果要人工一個個下，還是挺麻煩的，我們可以利用requests輕松下載訪問這個主頁，我們可以看到下面的樣式點每一個PPT模板的圖片，我們可以進入到詳細的信息頁面，翻到下面，我們可以看到對應的下載地址點擊這個下載的按鈕，我們便可以下載對應的PPT壓縮包那我們就開始做吧首先，查看網頁的源代碼，我們可以看到每一...

SpringMvc自定義類型轉換器步驟

...

Linux C系統編程-線程互斥鎖（四）

互斥鎖互斥鎖也是屬于線程之間處理同步互斥方式，有上鎖/解鎖兩種狀態。互斥鎖函數接口 1）初始化互斥鎖 pthread_mutex_init() man 3 pthread_mutex_init (找不到的情況下首先 sudo apt-get install glibc-doc sudo apt-get install manpages-posix-dev) 動態初始化 int pthread_...

webpack 的初識

webpack 的安裝和基本使用

webpack的基礎配置

智能推薦

猜你喜歡