code-splitting

2熱度

2回答

想象我有一個豐富的應用程序，它使用了大量的第三方模塊，包括lodash，時刻，愛可信，反應。如果我將所有內容捆綁在一個包中，則最終的大小應該高於1MB。我想的WebPack收拾我的圖書館的路上，它存儲： lodash分別時刻分別所有其他node_modules供應商下存儲捆綁應用程序的代碼存儲在單獨的文件我試圖以不同的方式玩CommonsChunkPlugin，但從未收到我想要的結果。

0熱度

1回答

大廈ES6類爲獨立的文件用的WebPack

我，試圖建立一個資料庫我常用的反應組件然後我可以添加到我的項目，如component-kit和重用這些，所以像 import MyComponent from 'component-kit/MyComponent'; 目前我有以下項目結構： component-kit/ src/ MyComponent/ index.js index.js

0熱度

1回答

的WebPack 2：廠商，共同和具體捆綁

隨着CommonsChunkPlugin我現在有我的代碼分成： vendors.js common.js page-1.js page-2-authenticated.js page-3-authenticated.js 於是就page-1.html我加載以下腳本： <script src="vendors.js" /> <script src="common.js" /> <sc

5熱度

1回答

是否有吞嚥的代碼分裂的JavaScript文件？

我正在使用gulp，我想知道它是否具有代碼分割功能。類似於webpack site中提到的內容。我看了網上，但沒有看到任何專門爲此。

1熱度

1回答

外部依賴關係錯誤地捆綁在rollup.js中？

我正在嘗試使用rollup.js：application.js和dependencies.js（分別包含我的應用程序代碼和公共庫代碼（react，react-dom等））創建2個單獨的版本。文檔說我應該能夠簡單地使用externals: ['react', 'react-dom']並使其工作 - 但是當我檢查所得到的包時，我仍然包含兩個庫的完整主體。這裏是我的例子app.config.js，我打

2熱度

1回答

使用react-router的Webpack代碼拆分jsx

我的路由使用jsx進行映射。我使用webpack捆綁東西，我想根據路線將輸出js文件分成塊。我試過require.ensure，但webpack沒有分割任何東西。最後它只會生成一個包文件。我不確定我在這裏做錯了什麼。我不想保留兩個路線所在的地方。理想情況下，webpack使用我已經定義的路線。 export const renderRoutes =() => ( <Provider st

0熱度

1回答

Webpack：提取文本插件和代碼拆分

我想設置我的構建系統與webpack做基於路由的代碼拆分（我使用react-router和webpack 2.2）。一切都很順利，發現一些在線的例子，我碰到的問題是與CSS。我正在使用ExtractTextPlugin在一個單獨的文件中提取我的CSS。問題是它只從主包中提取CSS，它不會提取在其餘塊中找到的CSS。我想要的是提取CSS文件中的所有樣式，以便能夠加載並分別緩存它。任何想法？謝謝

7熱度

1回答

如何在angular 2應用上使用webpack進行代碼分割？

我有一個應用程序的結構是這樣的： ├── /dashboard │ ├── dashboard.css │ ├── dashboard.html │ ├── dashboard.component.ts │ ├── dashboard.service.ts │ ├── index.ts ├── /users │ ├── users.css │ ├── users.html │ ├

3熱度

1回答

部署新的Webpack軟件包會導致錯誤，直到頁面刷新

我們使用帶有React的webpack 1.x來捆綁我們的應用程序。此外，爲了胸圍緩存時，JavaScript文件已經改變，我們有我們的輸出webpack.config.js設置爲： output: { path: __dirname + '/dist', filename: 'index_bundle.[chunkhash:10].js', publicPath:

6熱度

1回答

如何判斷Web應用程序是否使用代碼拆分

Web開發人員如何判斷給定URL上的Web應用程序是否正在使用代碼拆分（例如by webpack，彙總或其他庫）？