javascript - webpack-dev-server 沒有做到實時刷新，為什么
問題描述
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’
問題解答
回答1：publicPath 路徑問題，把點去掉/dist，或使用絕對路徑publicPath: ’http://127.0.0.1:8080/examples/build
回答2：沒有刷新還是沒有實時刷新？有沒有啟用nginx反向代理？
相關文章：
1. javascript - console.log(typeof(named));的位置不同，第二個為什么會顯示undefined ？2. 網頁爬蟲 - 為什么python模擬登陸 appannie一直返回503 code3. node.js - 在vuejs-templates/webpack中dev-server.js里為什么要exports readyPromise?4. python - 為什么match匹配出來的結果是<_sre.SRE_Match object; span=(0, 54), match=’’>5. 為什么點擊登陸沒反應6. javascript - 請問為什么CORS中需要對部分請求進行預檢7. 為什么不是存放代碼在linux的centos中8. mysql - sql語句這個地方，子查詢為什么沒起作用？9. 為什么用了flex-wrap: wrap;還是不換行10. python - 為什么用requests.get網址后，用.text響應內容為字典的形式，卻type它為str
網公網安備