如何在没有 webpack 开发服务器的情况下将 webpack 仅用于捆绑？答案

【问题标题】：How can I use webpack just for bundle without webpack dev server?如何在没有 webpack 开发服务器的情况下将 webpack 仅用于捆绑？
【发布时间】：2017-06-16 16:22:45
【问题描述】：

我有这部分代码文件夹LINK

我使用 node js /express 在服务器端工作，从客户端使用 react 从后端调用路由并呈现数据页面我可以使用节点server.js 的一台服务器，它显示反应页面并使用webpack 进行捆绑代码而不使用webpack 开发服务器？

【问题讨论】：

标签： javascript node.js reactjs express webpack

【解决方案1】：

全局安装 webpack 后。

npm install webpack -g

您可以轻松地捆绑文件。

webpack ./entry_file.js output_file.js

这样你就可以在你的网页中使用 output_file.js。

【讨论】：

输出文件是什么意思？
output_file.js 是我们得到的压缩文件。这样你就可以在页面中使用 output_file.js。
你安装了 webpack 吗？
是的，我安装了，但你看到上面有文件，但下面他这样说imgur.com/xIOHBdC

【解决方案2】：

如果您不想运行dev server，请在webpack.config.js 中评论此部分：

   // devServer: {
   //    inline: true,
   //    port: 8080
   // },

然后运行这个命令来解决你得到的错误：sudo ln -s /usr/bin/nodejs /usr/bin/node

然后在 frontend directry 中直接运行 webpack -w --progress 开发模式和 webpack -p --progress 生产产品 frontend directry，它将为您创建捆绑包。

【讨论】：

这是我的 webpack 配置 js module.exports = { entry: [ './views/index.jsx' ], output: { path: __dirname, publicPath: '/', filename: 'bundle .js'}，模块：{加载器：[{排除：/node_modules/，加载器：'babel'，查询：{预设：['react'，'es2015'，'stage-1']}}]}，解决: { extensions: ['', '.js', '.jsx'] }, devServer: { historyApiFallback: true, contentBase: './' } };
这个是正确的，你可以使用我提到的命令，你运行时有什么错误吗？？
刚才我看到了错误，你需要运行这个命令来解决这个问题，sudo ln -s /usr/bin/nodejs /usr/bin/node 然后运行webpack -w --progress 命令。它会起作用的。
我试试这个 webpack -w --progress 我得到了 Hash: e749cb743281ac98acf1 版本: webpack 1.14.0 时间: 1737ms 资产大小块块名称 bundle.js 780 kB 0 [emitted] main [0] multi main 28 bytes {0} [built] + 214 hidden modules 但是运行 node server.js 时如何打开 html 页面？？@Mayank Shukla
您的原始问题已解决 :)，现在您的 bundle.js 文件已创建。您需要做的是每当有任何请求到达您的服务器以获取基本 URL 时，读取并返回此 html 文件，休息它将处理的所有内容，谷歌它如何通过您用于服务器的语言返回文件。