相關(guān)文章

• 【前端工程化面試題】webpack的module、bundle、chunk分別指的是什么？

  首先從語法方面 在配置文件中有 module 這個配置項，里面有 rules 選項用來配置各種 loader，還有其他各種選項，參考官網(wǎng)。 bundle 和?chunk 在配置文件中是沒有這個選項的，但是會出現(xiàn)在配置的值中。 module 模塊 指單個文件，可以是 js、css、圖片等， 每個文件都是一個獨(dú)立的模

  2024年02月19日

  瀏覽(89)
• 

  【前端工程化面試題】webpack proxy的工作原理，為什么能解決跨域問題

  在 webpack 的配置文件 webpack.config.js 中有一個配置項 devServer 里面有一個屬性是 proxy，這里面可以配置代理服務(wù)器，解決跨域問題，請參考官網(wǎng)。 一般來說 webpack 的代理就是說的開發(fā)服務(wù)器 webpack-dev-server。 其實不光是 webpack 其他的打包工具比如是 vite，也有代理的功能，也是

  2024年02月21日

  瀏覽(95)
• 

  前端工程化與webpack

  能夠說出什么是前端工程化 能夠說出webpack的作用 能夠掌握webpack的基本使用 了解常用plugin的基本使用 了解常用loader的基本使用 能夠說出Source Map的作用 前端工程化 webpack的基本使用 webpack中的插件 webpack中的loader 打包發(fā)布 Source Map 1.1小白眼中的前端開發(fā)vs實際的前端開發(fā) 實際

  2024年02月13日

  瀏覽(99)

• 前端工程化之 webpack ＜一＞

  編寫的代碼 ==》經(jīng)過打包工具（glup、rollup、webpack、vite）本身也是js代碼，讀取文件操作的， 依賴于 node 環(huán)境 = = 》 普通的html 、css 、javascript = = 》 打包到靜態(tài)服務(wù)器 = = 》 跑在用戶的瀏覽器 用于對路徑和文件進(jìn)行處理 在 Mac OS、Linux 和 window 上的路徑上是不一樣的，部署的

  2024年01月24日

  瀏覽(106)
• 

  前端工程化第一章：webpack基礎(chǔ)（上）

  Webpack 是一個現(xiàn)代 JavaScript 應(yīng)用程序的靜態(tài)模塊 打包器 。它是一個用于 將代碼編譯成瀏覽器可識別的格式 的工具。 webpack 可以實現(xiàn)以下的功能： 代碼轉(zhuǎn)換 ： TypeScript 編譯成 JavaScript 、 SCSS 、 less 編譯成 CSS 等。 文件優(yōu)化 ：壓縮 JavaScript 、 CSS 、 HTML 代碼， 壓縮合并圖片

  2024年02月17日

  瀏覽(25)
• 

  前端工程化第三章：webpack5基礎(chǔ)（下）

  TypeScript 是一種靜態(tài)類型的編程語言，是 JavaScript 的一個超集。它由 微軟開發(fā)，提供了許多 JavaScript 不支持的功能，比如 類型檢查 、 接口和類 。 ts-loader 是 Webpack 中的一個加載器，用于將 TypeScript 代碼轉(zhuǎn)換成 JavaScript 代碼。它是基于 typescript 編譯器實現(xiàn)的，支持所有 TypeS

  2024年02月16日

  瀏覽(22)
• 

  前端工程化第一章：webpack5基礎(chǔ)（上）

  Webpack 是一個現(xiàn)代 JavaScript 應(yīng)用程序的靜態(tài)模塊 打包器 。它是一個用于 將代碼編譯成瀏覽器可識別的格式 的工具。 webpack 可以實現(xiàn)以下的功能： 代碼轉(zhuǎn)換 ： TypeScript 編譯成 JavaScript 、 SCSS 、 less 編譯成 CSS 等。 文件優(yōu)化 ：壓縮 JavaScript 、 CSS 、 HTML 代碼， 壓縮合并圖片

  2024年02月16日

  瀏覽(32)

• Vue3學(xué)習(xí)-01_前端工程化與webpack

  最近在學(xué)習(xí)Vue知識，參照的教程是黑馬程序員官網(wǎng)提供的免費(fèi)前端教程，這里記錄一下自己的學(xué)習(xí)筆記以及遇到的相關(guān)問題。 前端工程化指的是：在企業(yè)級的前端項目開發(fā)中，把前端開發(fā)所需的工具、技術(shù)、流程、經(jīng)驗等進(jìn)行規(guī)范化、標(biāo)準(zhǔn)化。最終落實到細(xì)節(jié)上，就是實現(xiàn)前

  2024年02月13日

  瀏覽(29)
• 

  前端工程化之：webpack4-1(babel的安裝和使用)

  官網(wǎng)：https://babeljs.io/ 民間中文網(wǎng)：https://www.babeljs.cn/ ?babel一詞來自于希伯來語，直譯為巴別塔。 巴別塔象征的統(tǒng)一的國度、統(tǒng)一的語言 而今天的 JS 世界缺少一座巴別塔，不同版本的瀏覽器能識別的 ES 標(biāo)準(zhǔn)并不相同，就導(dǎo)致了開發(fā)者面對不同版本的瀏覽器要使用不同的語言

  2024年02月21日

  瀏覽(68)

• 前端工程化實踐：自動化構(gòu)建與部署

  隨著前端開發(fā)的快速發(fā)展，項目規(guī)模越來越大，代碼量也越來越龐大。為了提高開發(fā)效率和代碼質(zhì)量，前端工程化成為了必不可少的一環(huán)。其中，自動化構(gòu)建與部署是前端工程化的重要組成部分。本文將通過一個具體的例子，介紹前端工程化實踐中的自動化構(gòu)建與部署。 假設(shè)

  2024年02月11日

  瀏覽(25)