問題描述

npm start 的時候打開 http://localhost:8080/ 修改js文件 并沒有做到實時刷新為什么？換了端口還是一樣， 沒有實時刷新 手動刷新也沒有變化

目錄結構

webpack.config.js

const path = require(’path’);const webpack = require('webpack');module.exports = { entry: ’./src/index.js’, output: {path: path.resolve(__dirname, ’dist’),filename: ’foo.bundle.js’,publicPath: ’./dist’ }, module: {rules: [ {test: /.js$/,loader: ’babel-loader’,exclude: /node_modules/ }] }, devServer: {contentBase: './',historyApiFallback: true,hot:true,inline: true // 實時刷新 }, plugins: [new webpack.HotModuleReplacementPlugin() ]};

package.json

{ 'name': 'test', 'version': '1.0.0', 'description': '', 'main': 'index.js', 'scripts': { 'test': 'echo 'Error: no test specified' && exit 1', 'start': 'webpack-dev-server' }, 'author': '', 'license': 'ISC', 'devDependencies': { 'babel-core': '^6.24.1', 'babel-loader': '^7.0.0', 'babel-preset-es2015': '^6.24.1', 'css-loader': '^0.28.0', 'webpack': '^2.4.1', 'webpack-dev-server': '^2.4.4' }}

已解決

//修改//publicPath: ’./dist’ => publicPath: ’/dist’

問題解答

publicPath 路徑問題，把點去掉/dist，或使用絕對路徑publicPath: ’http://127.0.0.1:8080/examples/build

沒有刷新還是沒有實時刷新？有沒有啟用nginx反向代理？