问题标签 [webpack-dev-server]

我的 webpack.config 文件中有这个输出配置：

bundle.js 未写入path;中指定的路径 它只能通过网络服务器获得，而我两者都想要。

我应该更改什么以同时拥有文件和 Web 服务器？

Gulp + live reload 在本地主机上提供我的内容，并且（这就是我所追求的）每当我运行 gulp 命令时都会在服务器 url 处自动启动浏览器（即我不必单击浏览器图标并导航到 url手动）。这也可以在 Webpack 中完成吗？

我尝试了一个名为 open-browser-webpack-plugin 的插件，但我无法让它工作。

我不确定我为什么会得到这个SyntaxError。看起来好像我的加载器出现错误，无法加载 LESS，但我的extract-text-webpack-pluginorExtractTextPlugin能够构建它，我最终style.css在webpack输出中得到 a。似乎babel正在尝试处理我的LESS，但我不确定它在哪里尝试这样做。

错误：

webpack.watch.js：

webpack.config.js

这是我的 npm 脚本。运行时出现错误npm run watch：

当我尝试更改我的反应组件并保存它以查看热加载程序是否更新了我的页面时，我在我的开发人员工具中得到了这个：

我不确定为什么会这样。我正在尝试将 django 作为我的后端服务器运行（webpack 指令）

这是我的 webpack.watch.js：

这是我的 webpack.config.js：

webpack 和 Fluxible 的新手，所以我试图了解他们的入门样板： http: //fluxible.io/quick-start.html

运行npm run dev正常并启动实时重载网络服务器，但我对如何在生产中运行它感到困惑。查看 package.json

我假设我会运行npm run build它似乎在生产配置模式下运行 webpack 并将 js 文件复制到/build文件夹中。此时如果我运行 npm start，它运行start.js的只是指向server.js并且服务器在没有开发热加载的情况下运行。

我的问题是：为什么应用程序在运行我假设处于生产模式时仍继续进行轮询（我假设是套接字或轮询以运行开发热加载器）。我在日志中看到了这一点：

在生产服务器上，我只是部署整个根文件夹还是我应该只部署构建文件夹......如果是这样，构建文件夹会丢失一些东西。

静态资产是否应该复制到构建文件夹中 - 就像 express 中的 /public 文件夹？

开始.js

服务器.js

我尝试在我的应用程序中使用 webpack，但它每次构建我的应用程序的时间为 60-100 秒。我如何禁用重建文件node_modules/*， bower_components/*或者为单独的块（每个模块或共享）构建它们。

这是配置的一部分：

和

如何通过每次禁用库的重建来提高性能？

I have moved one of my projects from browserify over to webpack, and I was just wondering how I add debug to the config file, similar to browserify --debug to give source mapping.

Here is my webpack.config file:

我在运行 webpack-dev-server 时遇到了一些问题。每当我保存文件并编译更改时，它们都不会反映在浏览器中。（命令行中没有错误）

我正在运行以下命令：

webpack-dev-server --progress --color

但是，如果我webpack每次有变化都运行，这会反映在我的浏览器中。

我在我的 Mac（OSX 的最新版本）上运行 Chrome，并且启用了“在 devtools 打开时禁用缓存”选项。不用说，但是嘿 - 你永远不会知道，我打开了我的 DevTools.. :)

我在这里错过了一个简单的步骤吗？

我只能在/public.

里面的配置webpack.config.js如下：

项目层次结构是：

• 应用程序

  • js

• 节点模块

• 上市

  • css

  • 图像

  捆绑.js

  索引.html

• 包.json

• webpack.config.js

我如何修改以确保该http://localhost:8080/条目是针对应用程序本身的？

我正在按照一些教程来构建一个具有 express 和 react 的同构应用程序。我对 webpack-dev-server 感到困惑。

webpack 教程介绍了 webpack-dev-server：

这会在 localhost:8080 上绑定一个小型快速服务器，该服务器为您的静态资产和捆绑包提供服务（自动编译）。

它会在重新编译捆绑包 (socket.io) 时自动更新浏览器页面。在浏览器中打开http://localhost:8080/webpack-dev-server/bundle 。

既然我有快递服务器，我真的需要 webpack-dev-server 吗？或者使用它的优点和缺点是什么？如果我想使用 react-hot-loader，是否需要 webpack-dev-server？