Webpack 5 拆分塊不適用於 scss 導入

[英]Webpack 5 Split chunks not working with scss imports

我有一個非常基本的 webpack(v5.75.0) 文件設置： webpack.config.js： 主頁.js： 關於.js： 家.scss： 關於.scss 我的理解是，使用我的 splitChunk 設置，這應該創建一個單獨的樣式表，卡片為 css，因此我可以在項目中共享它。 但是，我得到 ...

chunks.some 不是函數

[英]chunks.some is not a function

我剛剛從 webpack 4 升級到 webpack 5，但是現在當我嘗試構建我的解決方案時，它拋出以下錯誤： 類型錯誤：chunks.some 不是函數 這是我的 webpack.config 中的一行： optimization: { splitChunks: { ...

如何在 webpack 中使用 ChunkGraph API 5. splitchunks.cacheGroup？

[英]How to use ChunkGraph API in webpack 5. splitchunks.cacheGroup?

在 webpack4 中： 在 webpack 5 中： 如何使用 ChunkGraph API？ 我嘗試以這種方式使用， 但是chunkGraph.getChunkModules(module).length === 0是真的。 我得到了這個鏈接 ...

如何在 Webpack 4 中生成單個 css 和相同 css 的多個塊？

[英]How to generate single css and multiple chunks of the same css in Webpack 4?

我想像這樣生成 CSS ： 在我的 web 應用程序使用的普通塊中。 main.css 1.chunk.css 2.chunk.css....等和一個文件服務器.css 因為我在后端使用 server.css 我嘗試使用這個https://webpack.js.org/plugins/mini- ...

Webpack v4 創建小塊（按路由）

[英]Webpack v4 creating tiny chunks (by route)

這是我在 React 應用程序中使用的一些代碼。 我的路由是使用react-router-config編寫的，它允許我保持集中的方式，所以我總是知道去哪里修改或添加一些。 然后，假設 Child 組件是動態導入的： 我希望生成的塊包括 Child、它的導入/依賴項和 GrandChild 及 ...

如何在html里面的腳本src中自動獲取webpack4 chunkhash值？

[英]How to get webpack4 chunkhash value to use in script src inside the html automatically?

如何獲取webpack4生成的chunkhash值，以便我可以在index.html使用它來正確設置腳本src？ 簡要介紹：希望它不是一個愚蠢的問題，因為我是webpack的新手，今天開始學習。 我知道如何配置，提取js，css，縮小它們，以及所有非常基本的操作。 這是我的webp ...

webpack publicPath-使用不同的URL重用捆綁

[英]webpack publicPath - Use different urls to reuse bundles

鑒於以下情況。 一個webpack構建會生成3個bundle，CI會像這樣將它們發布到CDN（每個build id都會生成一個新文件夾）： 現在，考慮下一個構建產生： 這些文件中的一些可能會完全相同，例如，除了application.js ，什么都沒有改變。 我們有一個產 ...

Webpack 4-Splitchunks

[英]Webpack 4 - Splitchunks

我已經設置了塊：“全部”拆分塊。 但是我的js已編譯，但未渲染。 我應該在哪里包含塊文件。 沒有HTMLWebpackPlugin是否可以實現？ ...

Webpack4使用SplitChunksPlugin和react app，如何將塊分成不同的輸出文件夾？

[英]Webpack4 using SplitChunksPlugin with react app, How separate chunks into different ouput folders?

Hello堆棧溢出社區， 項目詳情： 我正在使用react和react-app-rewired來處理Web應用程序，以便自定義webpack的某些方面。 我還使用了已知為大型庫的ant設計css庫（並且已經提供了一段代碼，僅用於導入所需的東西）。 我的應用程序有3種不同類 ...

SplitChunksPlugin不為入口點之間共享的依賴項生成塊

[英]SplitChunksPlugin not generating chunk for dependencies shared among entry points

我正在嘗試使用代碼拆分，因此我可以在不復制模塊的情況下對生產代碼進行單元測試。 我希望webpack能夠識別我的* .test.ts文件依賴於與源代碼本身相同的模塊，並輸出包含這些共享依賴項的包。 但是，webpack僅輸出與入口點對應的包，並且不會將共享代碼提取到其自己的包中。 我正 ...

任何Webpack splitchunks.name作為除網站以外的功能文檔？

[英]Any Webpack splitchunks.name as a function documentation other than from the website?

通過引入webpack 4， splitChunks.name用於定義拆分塊的名稱。 這里，文檔說密鑰可以映射到自定義命名的函數： https://webpack.js.org/plugins/split-chunks-plugin/#splitchunksname 它接受para ...

如何擁有多個塊但加載它們的單個js文件

[英]How to have multiple chunks but a single js file that loads them

我正在嘗試設置 Webpack，目前不使用 dev-server，並且我的應用程序由具有 index.html 的 python 后端提供服務。 我正在嘗試使用 SplitChunksPlugin 以便我可以擁有多個塊（應用程序、供應商、運行時等）。 但是，為了簡化它從 python 后端加載的方 ...

Webpack splitChunks插件 - 為什么設置塊的優先級使其初始化異步？

[英]Webpack splitChunks plugin - why does setting a priority of a chunk make its initialisation asynchronous?

我有一個問題，了解Webpack splitChunks插件的行為。 我正在研究的是將現有站點上的舊腳本重寫為組件並使用Webpack進行捆綁。 捆綁只是JS，大多數是在身體的末端加載。 但是一個小腳本需要位於頁面的標題中，因為它還會在標題和正文中創建很少的全局方法，主要用作內聯腳本。 ...

如何使用 Webpack/SplitChunks 插件按目錄動態拆分？

[英]How to split dynamically by directories with Webpack/SplitChunks plugin?

我正在嘗試通過以下方式使用 splitChunks 插件拆分我的 React 代碼（使用 create-react-app 創建）： 我有以下組件（JSX）結構： 服務 服務A 組件A1 組件A2 子文件夾 ...

Webpack 4 SplitChunksPlugin-動態導入中的常見依賴項

[英]Webpack 4 SplitChunksPlugin - Common dependencies in Dynamic Imports

根據文檔，我正在將動態導入與Webpack一起使用： https ://webpack.js.org/guides/code-splitting/#dynamic-imports 非常基本的示例（不是實際代碼）： // main.js // moduleA.js // ...

拆分塊-正則表達式（js）有問題嗎？

[英]Splitting chunks - problem with regex (js)?

我正在嘗試在webpack.config.js文件中拆分構建文件，但是根本沒有創建我的vendors文件。 其余node_modules ，未react或moment文件在結束了main.js 。 main.js中的文件main.js是./node_modules/es-abstract 。 ...

Webpack 4 - 使用SplitChunksPlugin從CommonsChunkPlugin遷移

[英]Webpack 4 - Migrating from CommonsChunkPlugin with SplitChunksPlugin

我們有一個傳統的服務器渲染應用程序（非SPA），其中每個頁面都增加了vuejs 現有的webpack 3配置是 webpack.config.js shared.js pageA.js shared.css index.html 有了這個設置 ...