如何将 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 源代码。