Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Proxy Web包开发服务器使用代理实时重新加载_Proxy_Webpack_Webpack Dev Server - Fatal编程技术网

Proxy Web包开发服务器使用代理实时重新加载

Proxy Web包开发服务器使用代理实时重新加载,proxy,webpack,webpack-dev-server,Proxy,Webpack,Webpack Dev Server,我正在运行一个PHP应用程序,地址是localhost:8000 我想使用webpack dev server来热加载css,react和js组件。 已将代理设置为http://localhost:8000但是网页开发服务器没有重新加载浏览器 下面是webpack.config.js: var path = require( 'path' ); var autoprefixer = require( 'autoprefixer' ); module.exports = { entry:

我正在运行一个
PHP
应用程序,地址是
localhost:8000

我想使用
webpack dev server
来热加载
css
react
js
组件。
已将代理设置为
http://localhost:8000
但是
网页开发服务器没有重新加载浏览器

下面是
webpack.config.js

var path = require( 'path' );
var autoprefixer = require( 'autoprefixer' );

module.exports = {
    entry: [
        './src/app.js'
    ],
    output: {
        path: path.join( __dirname, 'dist' ),
        publicPath: 'http://localhost:8000',
        filename: 'app.js'
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                loaders: [ 'react-hot', 'babel-loader' ]
            },
            {
                test: /\.scss$/,
                loaders: [ 'style-loader', 'css-loader', 'sass-loader' ]
            }
        ]
    },
    postcss: [
        autoprefixer(
            {
                browsers: [
                    'last 2 versions'
                ]
            }
        )
    ],
    devServer: {
        port: 3000,
        proxy: {
            '**': {
                target: 'http://localhost:8000',
                secure: false,
                changeOrigin: true
            }
        }
    }
}
我正在访问
webpack开发服务器
at
http://localhost:3000/webpack-开发服务器/

更改我的
react
组件确实会导致
webpack dev server
重新编译,但浏览器不会更新


运行
webpack
确实会编译
dist/app.js
文件,因为手动调用它并重新加载浏览器是有效的。

因此我的
publicPath
是错误的。
以下是修复方法:

output: {
    path: path.join( __dirname, 'dist' ),
    publicPath: 'http://localhost:3000/dist/',
    filename: 'app.js'
},

更新:但它似乎正在重新加载浏览器“_(ツ)_/“

所以我的
publicPath
是错误的。
以下是修复方法:

output: {
    path: path.join( __dirname, 'dist' ),
    publicPath: 'http://localhost:3000/dist/',
    filename: 'app.js'
},

更新:但它似乎正在重新加载浏览器“_(ツ)_/“

您是否都设法解决了这个问题?我也在尝试代理,在更改后,整个浏览器都会刷新,而不是在不刷新的情况下注入更改。我正在使用webpack dev server,并在客户端和服务器端对热重新加载作出反应。我想我做到了。但已经有一段时间了。不记得我做了什么:)我知道这种感觉:)如果你还记得或有一些代码示例,请发布它。在整个互联网上似乎没有解决这个问题的办法:)我再也无法访问它了,因为我离开了。我应该在博客上写这件事。当你发现的时候,也许你可以在博客上写下:)你有没有设法解决这个问题?我还尝试使用代理,在更改之后,整个浏览器将刷新,而不是在不刷新的情况下注入更改。我正在使用Webpackdev服务器,并在客户端和服务器端分别对热重新加载和节点服务器进行响应。但是已经有一段时间了。不记得我做了什么:)我知道这种感觉:)如果你记得或有一些代码示例,请发布它。在整个互联网上似乎没有解决这个问题的办法:)我再也无法访问它了,因为我离开了。我应该在博客上写这件事。也许你可以在发现后在博客上发布:)