cost 110 ms
NextJS 如何檢測並獲取新頁面?

[英]How does NextJS detects & fetches a new page?

在一個新的 NextJS 項目中,我通過運行yarn dev啟動開發服務器並將以下代碼添加到pages/index.jsx : 假設我使用以下代碼在名為abc.js的pages目錄中創建一個新頁面: 通過查看終端中的 output,似乎新頁面尚未編譯,當我點擊主頁中的abc時,編譯發生並在瀏覽器中 ...

如何在 webpack 插件中獲取已發出資產的內容哈希?

[英]How to get contenthash of emitted assets in webpack plugin?

有時,出於某種原因,webpack 會發出具有相同內容的資產。 在我現在寫的插件中,我需要確保資產內容已經改變。 我正在使用compiler.hooks.done掛鈎和stats.compilation.emittedAssets參數來確定發出的資產。 為確保資產內容已更改,我將使用 conten ...

如何在反應應用程序中添加圖標?

[英]How to add favicon in react application?

我想在我的反應應用程序中添加 favicon。 我看到了這篇文章並關注了它,但它不適用於我的情況。 我在存在 index.html 的公共文件夾中添加了 favicon.ico。 這是我的目錄結構 這是我的索引的片段。html 這是我的 webpack.config.js 的片段 如上所示,我添加 ...

HarmonyImportSpecifierDependency 的問題

[英]Trouble with HarmonyImportSpecifierDependency

我正在編寫插件,它內聯了一些代碼。 我對內部 webpack 插件有問題介紹我的目標是轉譯這段代碼// a.js export const getFoo = x => x.foo; // b.js import {getFoo} from './a.js'; export const f ...

為什么多個遠程聯合模塊不適用於多個遠程子反應應用程序和一個父應用程序?

[英]Why Multiple Remote federation module is not working for multiple remote child react app and a parent app?

ModuleFederationPlugin Webpack 5 Parent webpack 配置: 應用程序 1 webpack 配置: 應用程序 2 webpack 配置: Parent Index.html 由<head>標簽中的腳本元素組成: 父 App.js 文件: 使 ...

如何在 webpack5 中創建外部插件?

[英]How to create a External Plugin in webpack5?

我試圖創建一個可以要求 webpack 不捆綁東西的外部插件。 因為threads-plugin不接受webpack的外部設置,所以只能對外部事物使用plugin。 我盡力做到這一點:const ModuleFilenameHelpers = require('webpack/lib/Module ...

Webpack 插件 v5 existsAt 在編譯中不存在 object

[英]Webpack plugin v5 existsAt doesn't exist in compilation object

我正在將 webpack 插件從 v4 升級到 v5。 我的插件的一部分用來讀取compiled.assets compilation.assets來找出生成資產的絕對路徑來做一些計算。 但是 v5 中的每個資產現在只包含SizeOnlySource object,看起來像這樣 我的插件的一個子集 ...

更改 WebPack Chunk 的 chunk entry-module\deferred-modules | Angular 構建器 WebPack 插件

[英]Change the chunk entry-module\deferred-modules of WebPack Chunk | Angular Builders WebPack Plugin

我正在編寫一個帶有一些 WebPack 插件的 Angular Builder,我遇到的問題是構建后我的塊包括如下自執行子模塊:==> [[0, "runtime"]]]); (window["webpackJsonp"] = window["webpackJsonp"] || []).pu ...

Webpack 加載程序不使用 sass 本地導入調用

[英]Webpack loader isn't called with sass local imports

我正在開發一個 webpack 加載器,它應該以某種方式修改 sass 文件的內容。 問題是這個加載器沒有被調用,除非我在 JS 中導入 sass 文件所以 ✅ 這將觸發加載程序調用文件.js ❌ 這不會觸發加載器文件.scss Sass-loader 是否在內部處理這些導入&有沒有辦法 ...

是否有 webpack 配置捆綁 webpack 插件?

[英]Is there a webpack config to bundle webpack plugin?

我正在創建一個 webpack 插件。 我使用 typescript 對插件進行編碼。 在將插件代碼發布到 NPM 之前,我正在嘗試捆綁插件代碼。 我收到異常,我的插件 class 不是構造函數。 請在下面的目錄結構中找到:- tsconfig.json:- Webpack 配置:- ...

如何將 js 文件與模板文件包裝並連接到一個 React 組件中?

[英]How can I wrap and concatenate js file with template file into one React Component?

是否有任何 webpack 插件或者我需要創建自己的插件來解決這個問題? 我嘗試通過定義 OOP 原型方式來創建反應組件,如下所示: 輸入: component.js 檢查是否存在: component.html 然后:嘗試將component.js與包裝文件模板component.html文件與 ...

如何從 webpack 5 中的編譯中獲取按入口點過濾的文件依賴項的平面列表

[英]How can i get a flat list of file dependencies filtered by entry point from the compilation in webpack 5

我正在嘗試將svg-chunk-webpack-plugin從 webpack v4 更新到 v5。 該插件使用編譯對象,需要一個按入口點過濾的文件依賴關系的平面列表,以提取每個入口點的所有 SVG。 帶有入口點app-a的嵌套依賴樹示例 使用webpack v4 ,以下代碼有效並返回每個入口 ...

CleanWebpackPlugin 在 Webpack 5 中不清理

[英]CleanWebpackPlugin does not clean in Webpack 5

我正在使用帶有“clean-webpack-plugin”:“^3.0.0”的最新版本的 webpack 5.3.2。 顯然插件在我構建時不會清理 dist 文件夾。 這是我的 webpack 信息: 這是我的 webpack 配置: 即使我啟用了詳細選項,我也看不到日志,插件也沒有清理。 ...

Webpack 5 插件:沒有模塊錯誤的代碼生成條目

[英]Webpack 5 plugin: No code generation entry for module error

在升級插件以支持 Webpack 4 和 5 時,我遇到了以下磚牆,我根本找不到任何信息,而且Gitter上的任何人似乎也無法提供幫助。 該插件增加了一個資產(SVG spritemap)至compilation.assets這是工作沒有問題。 插件中有一個功能,允許用戶保留與其他插件互操作所需的 ...

Webpack/html-loader<a>標簽href解析</a>

[英]Webpack/html-loader <a> tag href resolve

我在 webpack 配置文件中設置了別名。 它適用於 JS、CSS 導入和 img src 屬性。 但是,我想使用標准燈箱設置在 HTML 文件中構建一個畫廊: &lt;a href="~Images/foo.jpg" data-lightbox="gallery1"&gt;&lt;img src ...


 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM