為您找到相關(guān)結(jié)果574,504個
前端webpack一些常用配置的作用詳解_javascript技巧_腳本之家
它可以將非 JavaScript 文件(如 CSS、圖片、字體等)轉(zhuǎn)換為 webpack 能夠處理的模塊。 常用Loader 及其作用 Loader作用 babel-loader 將ES6+ 代碼轉(zhuǎn)換為 ES5,兼容舊版瀏覽器。 css-loader 解析CSS 文件,處理 @import 和url() 等語法。 style-loader 將CSS 插入到 DOM
www.dbjr.com.cn/javascript/339202l...htm 2025-5-29
webpack自動打包功能實現(xiàn)_javascript技巧_腳本之家
"dev":"webpack"//script節(jié)點下的腳本,可以通過npm run執(zhí)行 } 5.在終端中運行npm run dev命令,啟動webpack進(jìn)行項目打包 三、webpack的打包 1.默認(rèn)打包的入口文件為src下的index.js,默認(rèn)打包的輸出文件為dist下的main.js 2.若要修改打包的入口和出口,可以在webpack.config.js中新增如下配置: 1 2 3 4 5 ...
www.dbjr.com.cn/article/2747...htm 2025-5-26
JS逆向之 webpack 打包站點實戰(zhàn)原理分享_javascript技巧_腳本之家
學(xué)習(xí)過程中,我們順手解決一個 webpack 的加密站點,地址如下所示:https://passport.gm99.com/ 添加了包含關(guān)鍵字login/login3的斷點之后,通過開發(fā)者工具調(diào)試得到下述代碼段。 當(dāng)通過調(diào)試進(jìn)入a.encode()函數(shù)內(nèi)部之后,發(fā)現(xiàn)了大量的 webpack 打包 JS 的痕跡,例如下圖紅框部分。 其實發(fā)現(xiàn)加密邏輯之后,可以直接用 Pyth...
www.dbjr.com.cn/article/2500...htm 2025-5-29
webpack proxy如何解決跨域問題_javascript技巧_腳本之家
webpack proxy,即webpack提供的代理服務(wù) 基本行為就是接收客戶端發(fā)送的請求后轉(zhuǎn)發(fā)給其他服務(wù)器 其目的是為了便于開發(fā)者在開發(fā)模式下解決跨域問題(瀏覽器安全策略限制) 想要實現(xiàn)代理首先需要一個中間服務(wù)器,webpack中提供服務(wù)器的工具為webpack-dev-server
www.dbjr.com.cn/javascript/302633c...htm 2025-5-13
詳解webpack模塊加載器兼打包工具_(dá)javascript技巧_腳本之家
webpack是近期最火的一款模塊加載器兼打包工具,它能把各種資源,例如JS(含JSX)、coffee、樣式(含less/sass)、圖片等都作為模塊來使用和處理。 我們可以直接使用 require(XXX) 的形式來引入各模塊,即使它們可能需要經(jīng)過編譯(比如JSX和sass),但我們無須在上面花費太多心思,因為 webpack 有著各種健全的加載器(loader)...
www.dbjr.com.cn/article/1471...htm 2025-5-28
使用webpack打包ts代碼的實現(xiàn)_javascript技巧_腳本之家
本質(zhì)上,webpack 是一個用于現(xiàn)代 JavaScript 應(yīng)用程序的 靜態(tài)模塊打包工具。在我們的項目中要使用 webpack 首先應(yīng)該初始化,生成的默認(rèn)的 package.json,執(zhí)行 npm init -y 后會在項目根目錄下生成 package.json(其中 -y 是直接略過所有問答,直接都 yes) 安裝cnpm 接下來需要安裝 webpack 所需依賴,我們可以使用 np...
www.dbjr.com.cn/article/2530...htm 2025-5-29