javascript - webpack-dev-server 沒有做到實(shí)時(shí)刷新,為什么
問題描述
npm start 的時(shí)候打開 http://localhost:8080/ 修改js文件 并沒有做到實(shí)時(shí)刷新為什么?換了端口還是一樣, 沒有實(shí)時(shí)刷新 手動(dòng)刷新也沒有變化
目錄結(jié)構(gòu)
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 // 實(shí)時(shí)刷新 }, 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 路徑問題,把點(diǎn)去掉/dist,或使用絕對(duì)路徑publicPath: ’http://127.0.0.1:8080/examples/build
回答2:沒有刷新還是沒有實(shí)時(shí)刷新?有沒有啟用nginx反向代理?
相關(guān)文章:
1. 為什么我ping不通我的docker容器呢???2. java - 為什么此私有靜態(tài)變量能被訪問呢?3. javascript - setInterval為什么只執(zhí)行一次4. javascript - 用nodejs傳數(shù)據(jù)庫的數(shù)據(jù)給前臺(tái),數(shù)據(jù)庫中有數(shù)據(jù),連接也是成功的,可是為什么獲取都的是空數(shù)組?5. 為什么顯示數(shù)據(jù)丟失呢6. python - 為什么用time.strftime格式化會(huì)用默認(rèn)值?7. login.html登錄界面為什么和老師講課的屆而不一樣?8. 我為什么不能顯示圖片?9. vue.js - 為什么我的vue項(xiàng)目上傳到github不能預(yù)覽?10. 為什么java不要在foreach循環(huán)里進(jìn)行元素的remove/add操作
