我正在编写一个 webpack 插件，它在包中包含一个附加文件（使用子编译器）。这工作正常，但现在我想添加手表支持。问题是，包含的文件可能依赖于主编译器实例中的所有文件，因为我正在从那里提取函数。通常，这只会分解为一小部分文件，这些文件实际上使用了插件提供的某些功能。我的想法是通过使用版本标志来实现监视支持，每当我的插件需要再次编译资源时，该标志就会增加......但是，版本仅在编译来自父编译器的所有文件后才会更改。有没有办法在父文件编译后但在发出资产之前强制重建模块（发出事件很好，如果我'
我已经使用 CSS 模块设置了 webpack 2，并且可以正常工作。但是，当我通过浏览器调试器调试CSS时，所有路径都是这样的：“blob：http://localhost:3000/2b5f9ab7-7972-4c8a-bdbd-96cd9e74b6f9 ”
这使我无法识别 CSS 模块。有什么方法可以让 webpack 写出模块名称吗？
提前致谢！
细节：
我一直在尝试配置我的 React 项目，hot loader以便我可以在无需重新启动服务器的情况下积极开发。每次 websocket 尝试连接时，我都会收到一条连续的错误消息：
WebSocket connection to 'ws://192.168.33.10/sockjs-node/301/eo4p2zps/websocket' failed: Error during WebSocket handshake: Unexpected response code: 404. 我的直觉告诉我，这可能与我运行 Ubuntu -v 的 VM（流浪者）有关14.04.3。除了记录的上述错误之外，我还得到：
http://192.168.33.10/sockjs-node/629/s0dz3nxv/xhr_streaming?t=1482558136743 404 (Not Found)
http://192.168.33.10/sockjs-node/629/jbjciaga/eventsource 404 (Not Found)
http://192.168.33.10/sockjs-node/iframe.html 404 (Not Found)
http://192.168.33.10/sockjs-node/629/e1x0l01e/xhr?t=1482558137388 404 (Not Found)
Warning: [react-router] Location "/sockjs-node/629/dr44jysd/htmlfile?c=_jp.ajy5ad3" did not match any routes
client?e2df:41 [WDS] Disconnected!
Uncaught SyntaxError: Unexpected token <
我还采用了以下样板：https : //github.com/jpsierens/webpack-react-redux，希望能比较我当前的配置，但两者似乎都合适。
配置
webpack.config.js：
'use strict';
var path = require('path');
var webpack = …javascript node.js reactjs webpack-dev-server react-hot-loader
我的 .NET Core API 通过 https 公开。
我想从运行在 webpack-dev-server 上的 React 应用程序请求 API。但是 webpack-dev-server 默认运行在 http 上，CORS 会阻止任何请求。
我重新配置 webpack 以强制使用 https（使用我的 *.pfx 证书示例），但是每次刷新时我都会在浏览器中出现“私有连接错误”（小问题）并且自动刷新停止工作。
控制台错误：
> [HMR] Waiting for update signal from WDS...
> app.js:4049 WebSocket connection to 'wss://localhost:8080/sockjs-node/826/sy0x5mcu/websocket' failed: Error in connection establishment: net::ERR_INSECURE_RESPONSE
> [WDS] Hot Module Replacement enabled.
我认为 webpack-dev-server 的 websockets 由于 https url 无法建立连接。但我不知道如何解决这个问题。
我在 package.json 设置中有两个脚本，如下所示，
"scripts": {
"webpackDevServer": "babel-node ./node_modules/.bin/webpack-dev-server --config=webpack.config.dev.js --progress --colors",
"webPack": "babel-node ./node_modules/.bin/webpack --config=webpack.config.dev.js"
}
当我使用 > npm run webPack 执行它时
我收到这个错误，
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
^^^^^^^
SyntaxError: missing ) after argument list
at Object.exports.runInThisContext (vm.js:73:16)
at Module._compile (module.js:543:28)
at Module._extensions..js (module.js:580:10)
at Object.require.extensions.(anonymous function) [as .js] (C:\Users\Xpert\WebstormProjects\Re\node_modules\babel-register\lib\node.js:152:7)
at Module.load (module.js:488:32)
at tryModuleLoad (module.js:447:12)
at Function.Module._load (module.js:439:3)
at Function.Module.runMain (module.js:605:10)
at C:\Users\Xpert\WebstormProjects\Re\node_modules\babel-cli\lib\_babel-node.js:155:24
at Object.<anonymous> (C:\Users\Xpert\WebstormProjects\Re\node_modules\babel-cli\lib\_babel-node.js:156:7)
npm ERR! Windows_NT 10.0.14393
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" …我正在开发一个React用于前端和Django后端的 Web 应用程序。我Webpack用来监视 React 应用程序的更改和捆绑代码。
问题是我必须同时运行两个命令，一个用于 React，另一个用于 Django：
webpack --config webpack.config.js --watch
./manage.py runserver
有没有办法自定义runserver命令来执行 npm 脚本，比如npm run start:dev？当您使用 Node.js 作为后端平台时，您可以执行类似npm run build:client && npm run start:server.
这个问题有历史价值，所以我稍微更新一下。这是 Google 中“webpack-dev-server wordpress 重定向”的最佳结果。虽然公认的解决方案适用于 Webpack 2，但它可能不再适用。如果没有，您可以参考我的wordpress-theme-base 存储库，它是使用 Webpack 4 构建的。
首先，这与Wordpress 在被 Webpack Dev Server 代理时重定向到 localhost 而不是虚拟主机有关。我面临着类似的问题，但唯一的解决方案并没有真正为我做任何事情。
我在 Vagrant 开发机器中运行 WordPress 4.7，它像它应该的那样响应http://wordpress.local。以前我用Browsersync看我的文件和触发刷新，这按预期工作：browser-sync start --proxy 'https://wordpress.local' --files '**/dist/js/*.js, **/*.css, **/*.php'。
但是，使用 webpack-dev-server 我无法复制该行为。这是应该发生的事情。
https://localhost:9000https://localhost:9000应该显示与导航到相同的页面https://wordpress.local，没有任何重定向。站点按原样运行https://wordpress.local，但 URL 是https://localhost:9000.相反，会发生这种情况。
https://localhost:9000 重定向我https://wordpress.local。我禁用了规范重定向，remove_filter('template_redirect', 'redirect_canonical');但没有帮助。https://localhost:9000/404我的主题提供的 404 页面。没有重定向发生。https://localhost:9000/existing-page/ 将我重定向到https://localhost/existing-page/ …每当我尝试构建我的 web-pack 文件或启动 web-pack 开发服务器时，我都会收到错误消息。它正在工作，但我在使用 eslint 并弄坏了一些东西。
这是尝试时的错误包 npm build
0 info it worked if it ends with ok
1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'run', 'build' ]
2 info using npm@4.5.0
3 info using node@v6.10.3
4 verbose run-script [ 'prebuild', 'build', 'postbuild' ]
5 info lifecycle setup@1.0.0~prebuild: setup@1.0.0
6 silly lifecycle setup@1.0.0~prebuild: no script for prebuild, continuing
7 info lifecycle setup@1.0.0~build: setup@1.0.0
8 verbose lifecycle setup@1.0.0~build: unsafe-perm in lifecycle true
9 verbose lifecycle setup@1.0.0~build: PATH: /usr/local/lib/node_modules/npm/bin/node-gyp-bin:/Users/Nims/Documents/Web Development/Projects/React bookstore/node_modules/.bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin
10 …首先，我在这里找到了许多类似的主题，但即使参考了它们，我仍然无法让它工作。
所以，我的问题只是Cannot GET /我localhost:3000在运行我的快速服务器（使用npm run serve）后访问时进入了 Chrome 。不是找不到bundle.js文件；它根本找不到index.html。
当我npm run serve在 package.json 文件中运行脚本时，我在服务器控制台上没有看到任何错误。Webpack 构建（从 Webpack-dev-middleware 调用）日志也没有显示错误。
如果我直接从终端运行 webpack-dev-server 并访问相同的 URL，它可以正常工作。（我已经覆盖了主机和端口，以配合我使用的Express服务器，通过者devServer中选择webpack.config.js。）
我究竟做错了什么？
文件夹结构
/client
/main.js
/dist
/index.html
/assets/
/server
/server.js
/webpack.config.js
/package.json
webpack.config.js
const path = require('path');
module.exports = {
entry: './client/main.js',
output: {
path: path.resolve(__dirname, 'dist/assets'),
filename: 'bundle.js',
publicPath: '/assets/'
},
module: {
rules: [
{
use: 'babel-loader',
test: /\.jsx?$/,
exclude: /node_modules/,
},
{
use: ['style-loader', 'css-loader', 'sass-loader'], …我为我的 javascript 设置了一个 Webpack 配置并顺利运行，但是当我尝试将 PostCSS 添加到同一个配置时，开始出现问题。它确实有效，并生成了我的 CSS，但同时也抛出了一些奇怪的错误，我对此感到非常困难。
$ npm run env:dev -- webpack-dev-server
> arc@0.1.0 env:dev /Users/mattias/projects/pestbarn.github.io
> cross-env NODE_ENV=development "webpack-dev-server"
Project is running at http://localhost:3000/
webpack output is served from /
WARNING in ./src/postcss/base.postcss
(Emitted value instead of an instance of Error) resolve-url-loader cannot operate: CSS error
ENOENT: no such file or directory, open 'src/postcss/%3Cno%20source%3E'
at Object.fs.openSync (fs.js:584:18)
@ multi (webpack)-dev-server/client?http://localhost:3000 webpack/hot/dev-server ./src/postcss/base.postcss webpack/hot/only-dev-server
Child extract-text-webpack-plugin:
WARNING in ./~/css-loader?importLoaders=1!./~/resolve-url-loader!./~/postcss-loader/lib?sourceMap=inline!./src/postcss/base.postcss
(Emitted value instead of an instance of Error) resolve-url-loader …