如何將 Node 添加到前端？

Question

我一直在使用 React 前端和 Node/Express 后端進行編碼。 但有時，我只需要一些沒有 React 的普通 Javascript，但仍然想要 NPM 和其他 Node 模塊的好處。 有什么方法可以做到這一點？

Answer 1

您將需要某種模塊捆綁器。 有很多選項，包括Webpack 、Browserify、Gulp 和 Parcel。

例如，對於 Webpack，從他們的示例文檔中，該過程可能是：

• 安裝 webpack 和npm install webpack並安裝webpack-cli

• 安裝一個你想在前端使用的模塊，例如 lodash

• 在src/index.js中，導入 lodash： import _ from 'lodash'; 並根據需要使用它。 （您也可以從 NPM 或源代碼中的其他位置導入其他模塊）

• 如果需要自定義構建配置設置，請設置webpack.config.js

• 運行 webpack 來構建項目： npx webpack 。 將創建一個捆綁的 JavaScript 文件，其中包含所有源代碼和導入的 Lodash 源代碼。