標簽[webpack-4] - 堆棧內存溢出

[英]Debugging webpack code splitting with React.lazy

賞金將在 7 天后到期。此問題的答案有資格獲得+50聲望賞金。 mariaines想提請更多人注意這個問題：對這種行為超級困惑，非常感謝一些指導！我正在使用React.lazy嘗試從我的主應用程序中分離出一些代碼，但它沒有按我預期的方式工作，而且我在弄清楚如何調試時遇到了麻煩。我的代碼看 ...

如何將 fs 與 webpack 4.46.0 一起使用？

[英]How can I use fs with webpack 4.46.0?

我正在嘗試使用 fs 模塊，但出現此錯誤我已經安裝了 fs，就我所見，webpack 存在問題導致了這種情況發生。 Mi packeage.json是這個和我的 webpack.config.js 這個我找到了這個鏈接https://github.com/webpack/webpack/i ...

SVG 和 PNG 未加載

[英]SVGs and PNGs not loading

我正在使用 Webpack 開發微前端。而且我有一個問題，我的所有本地 SVG 和 PNG 都沒有被 Webpack5 React 應用程序加載。這樣做時我一直收到 404。誰能指出我做錯了什么？這是文件夾結構這是我的 Webpack 配置。我包括資產加載程序，如 Webpack 文 ...

Babel 無法正確擴展 class

[英]Babel doesn't transpile class extending correctly

考慮下面的代碼 Babel 將這段代碼轉換成這個這在現代瀏覽器上完美運行，但在 Firefox 43 上不起作用我意識到： Babel 將 class 轉譯為 Reflect.construct（如果平台支持 Reflect）或上下文綁定 Firefox 43 上的 Reflect.cons ...

為什么 Angular 13 webpack 構建失敗？

[英]Why does Angular 13 webpack build fail?

我目前正在嘗試將應用程序從 Angular 12 遷移到 13 。我在 package.json (devDependecies) 中使用 webpack 4.43.0 ：我已手動將所有必需的庫遷移到其相應的版本 13，然后當我運行npm run start （ start是應用程序中存在的 ...

webpack - 從生成的 html 中刪除資產

[英]webpack - remove asset from generated html

是否可以從 webpack 生成的 html 文件中刪除資產條目，即sprite-library.js ？我正在使用的插件臨時創建了一個 svg sprite 表的入口點，稍后將其刪除，但刪除不會從 webpack 生成的index.html中刪除以下 html。 <script src= ...

從 webpack4 -> webpack5 遷移，捆綁文件在被請求時會有錯誤的 url？

[英]Migration from webpack4 -> webpack5, bundled file will have a faulty url when it gets requested?

我目前正在從 webpack4 遷移到 webpack5。我對捆綁的 JS（在我的例子中是 client.js）的 URL 有問題。這個請求應該是兩個不同的請求。這是使用 webpack4 的圖像：這是客戶端的條目： // ... name: 'client', target: ...

如何從模塊導入中排除 scss / sass 文件

[英]How to exclude scss / sass files from a module import

我正在導入特定的 Vuetify 模塊（v-autocomplete），但不想導入樣式，因為它與現有樣式沖突。如何配置我的 vue.config.js 以排除 vuetify 導入的所有樣式？我試過這個：這似乎適用於 devServer，但是在為生產構建時，它不遵守此規則。我已經運行v ...

在我的 react (create-react-app) 項目中配置 webpack 4 時出錯

[英]Error while configuring webpack 4 in my react (create-react-app) project

我在我的 React 項目 (create-react-app) 中配置 webpack 4 我已經安裝了所有需要的加載器/文件來配置我的 webpack，但總是有一些不同的錯誤，（有時它是關於 sass-loader/css- loader/style-loader) 現在正在處理 (eot,wo ...

使用 SVG 作為 Private React UI 庫中的 React 組件 - (CRA) 在 React 應用程序中使用 Webpack 5 崩潰

[英]Using SVG as React Component from Private React UI Library-(CRA) inside React app with Webpack 5 crash

我用 CRA 創建了一個 UI 庫。該庫發布於 npm。庫中的組件使用 SVG，我將其與語法一起使用我想在我的主應用程序中使用我用 react 17.0.2 和 webpack 創建的庫 5. 我將加載程序添加到 Webpack 並且我可以將 svg 用作主應用程序中的組件作為 - 它有效。安 ...

模擬圖書館 webpack

[英]Mock library with webpack

我正在嘗試更換一個庫進行測試。我要更改的代碼：import foo from 'foo-lib'; // foo-lib is a library dependency in package.json 我希望它改為導入 src/mock-foo.js。這是用於端到端測試的，所以我不能使用 J ...

configuration.optimization 具有未知屬性“chunkIds”

[英]configuration.optimization has an unknown property 'chunkIds'

我使用 webpack v4，我在文檔中看到 optimization.chunkIds 字段： https ://v4.webpack.js.org/configuration/optimization/#optimizationchunkids。但是當我在 webpack.config.js ...

如何設置 webpack 模式

[英]How do I set webpack mode

我正在嘗試配置我的腳本（在 package.json 中），以便我可以通過 cli 在生產或開發模式下運行 webpack。 package.json 在我的 webpack.config.js 文件中，我期望process.env.NODE_ENV等於我設置的模式。相反，我一直undefine ...

Webpack 4 配置文件命令丟失？如何使用 webpack 4 訪問它？

[英]Webpack 4 profile command missing? How can I get access to it with webpack 4?

我查看了文檔，發現webpack 4有一個名為profile的命令。當我執行npx webpack --version時，我看到：當我執行npx webpack --help時，我在命令列表中看不到profile ：還有npx webpack help profile ，我看到：我想知道， ...

React - 未找到模塊：錯誤：無法在 .. 中解析 'fs' 並且無法在中解析 .net'

[英]React - Module not found: Error: Can't resolve 'fs' in.. and can't resolve 'net' in

webpack 配置的新功能。我在我的應用程序中收到此錯誤並且無法編譯。根據 SO 的無數建議，我在我的 package.json 中嘗試了設置（或它的變體）：在 webpack.config 中：它編譯但它所做的只是它在本地主機上有一個空白的文件 go。 Webpack 版本：4.4 ...

Webpack 5 自定義插件升級

[英]Webpack 5 Custom Plugin Upgrade

我繼承了從 Webpack 4 升級到 5 的任務，並擁有以下自定義插件，該插件可與 Webpack 4 一起使用，但由於使用鈎子的更改，顯然不適用於 Webpack 5。我對這一切都很陌生，並且正在努力重寫以下內容以使用 Webpack 5。任何幫助將不勝感激。 ...

在終端上找不到模塊錯誤

[英]Getting Module not found error on terminal

我正在構建一個 react-django 應用程序，為此我創建了一個 css 文件夾以將外部 css 添加到我的組件和一個圖像文件夾，其中包含組件中所需的所有圖像，但是當我運行應用程序時，我在我的顯示未找到模塊的終端：我已經下載了一些加載器，如 image-webpack-loader、fil ...

導入的@value 值未定義

[英]Imported @value values are undefined

我們正在嘗試將我們的 React 應用程序的一部分構建到一個庫中以供業務合作伙伴使用。最初的 React 應用程序是一個 Create React App 應用程序，我們試圖在不彈出應用程序的情況下實現這一點。我們已經為應用程序創建了一個新的入口點，並且我們正在使用 Webpack 構建一個捆綁 ...

為什么我收到 Webpack 'module not found' 錯誤？

[英]Why am I getting Webpack 'module not found' error?

我正在重構具有有效 webpack 捆綁的項目。基本上，我正在嘗試更改項目的根源文件夾，但我遇到了問題。我已經調試了很長時間，但我看不到我缺少什么。在我的tsconfig.json文件中，我有以下設置在webpack.common.js文件中，我有以下內容我的源文件夾位於項目的根目錄中。 ...

無法使用 node_modules 中 scss 文件中的 css 變量

[英]Can't use a css variable from scss file in node_modules

我想使用 node_modules 中已安裝模塊的 scss 文件中的 css 變量。 node_modules 文件夾：變量.scss： webpack.config.js 我得到一個編譯錯誤：但是如果我嘗試使用變量 $default-color-white 而不是 $color-whit ...