Javascript 如何将节点添加到前端?

Javascript 如何将节点添加到前端?,javascript,node.js,reactjs,Javascript,Node.js,Reactjs,我一直在使用React前端和Node/Express后端进行编码。但有时,我只需要一些没有React的普通Javascript,但仍然希望从NPM和其他节点模块中获益。什么方法可以做到这一点?您需要某种模块绑定器。有许多选项,包括浏览、吞咽和包裹 例如,对于Webpack,从他们的示例文档中,流程可以是: 使用npm安装webpack并安装webpack cli 在前端安装要使用的模块,例如lodash 在src/index.js中,导入lodash:import_uuu来自“lodash

我一直在使用React前端和Node/Express后端进行编码。但有时,我只需要一些没有React的普通Javascript,但仍然希望从NPM和其他节点模块中获益。什么方法可以做到这一点?

您需要某种模块绑定器。有许多选项,包括浏览、吞咽和包裹

例如,对于Webpack,从他们的示例文档中,流程可以是:

  • 使用
    npm安装webpack
    并安装
    webpack cli

  • 在前端安装要使用的模块,例如lodash

  • src/index.js
    中,导入lodash:
    import_uuu来自“lodash”并根据需要使用它。(您还可以从NPM或源代码中的其他位置导入其他模块)

  • 如果需要自定义生成配置设置,请设置
    webpack.config.js

  • 运行webpack以生成项目:
    npx webpack
    。将创建一个单独的绑定JavaScript文件,其中包含您的所有源代码和导入的Lodash的源代码


@DonaldZhu我想你会发现Browserify比Webpack更容易使用。至少,我做到了。:-)在使用Webpack多年后,我对成堆的配置感到失望,现在为同一任务使用了两个独立的CLI,我回到了Browserify。大多数东西都可以在没有特定配置的情况下构建,尽管不可否认,我最终为大多数项目设置了更简洁的配置。您的里程可能会有所不同。