Webpack HMR为啥改了代码不自动刷新？
我本地开发时启用了 Webpack 的 HMR，但改了 JS 文件后页面没反应，控制台也没报错。明明之前好好的啊！
我的 entry 里加了 'webpack/hot/dev-server'，devServer 也配了 hot: true，咋还是不行？
这是我的 webpack 配置片段：
module.exports = {
mode: 'development',
entry: ['webpack/hot/dev-server', './src/index.js'],
devServer: {
hot: true,
open: true
},
plugins: [new webpack.HotModuleReplacementPlugin()]
}- 2
回答
50浏览
Webpack配置了HMR但修改代码后页面还是整页刷新，怎么回事？
我用Webpack搭了个开发环境，明明启用了Hot Module Replacement，但每次改JS文件页面还是会整页刷新，根本没热更新。查了文档也加了module.hot.accept，但好像没生...
- 2
回答
54浏览
webpack配置source-map后为什么看不到原始代码？
大家好，我在webpack里设置了devtool: 'source-map'，但浏览器调试时还是显示打包后的代码，原始ES6语法全编译成ES5了，这是为啥？ 我已经在output里指定pathinfo...
- 1
回答
31浏览
Webpack 打包速度太慢怎么优化？
我项目里用了 Webpack 5，现在每次开发时热更新都要等十几秒，改一行代码就得卡半天。试过加 cache: { type: 'filesystem' }，也用了 thread-loader，但效果...
- 2
回答
46浏览
Webpack插件里怎么在emit阶段修改输出文件内容？
我写了个Webpack插件，想在emit钩子里面改某个bundle的代码，但不知道怎么拿到原始内容再替换掉。 试过用compilation.assets['main.js']取到对象，但直接赋值字符串...
- 1
回答
24浏览
Webpack 的 Tree Shaking 为什么没生效？
我用 Webpack 5 打了个包，明明写了按需导入的代码，但打包后发现没被摇掉，体积还是很大。是不是配置有问题？ 我试过把 mode 设成 production，也确认用了 ES6 模块语法，比如 ...
- 1
回答
34浏览
Webpack打包时如何合理拆分Chunk避免重复代码？
我用Webpack打包项目，发现多个页面引用了相同的第三方库（比如lodash和axios），但每个chunk里都包含了这些库的代码，体积特别大。 我试过用splitChunks配置，但效果不明显，甚...
- 2
回答
28浏览
Webpack DevServer 为什么刷新页面后路由404？
我用 Webpack DevServer 搭了个本地开发环境，启用了 historyApiFallback，但只要手动刷新 /about 这种非根路径的页面，就直接 404。明明在 JS 里用的是前端...
- 2
回答
44浏览
Webpack 的 splitChunks 配置怎么才能让公共模块单独打包？
我在用 Webpack 做代码分割，想把多个入口共用的 lodash 和 axios 提出来单独打成一个 vendor.js，但不管怎么配 splitChunks，它们还是被打进每个入口 chunk ...
- 1
回答
38浏览
Webpack缓存没生效，页面还是重新加载了？
我用 Webpack 搭了个 React 项目，明明配置了 cache 缓存，但每次改点代码，整个页面都重新加载，连组件状态都没保住，是不是哪里配错了？ 我试过在 webpack.config.js ...
- 2
回答
23浏览
Webpack打包后Source Map不生效是怎么回事？
我用Webpack打包项目时开启了source map，但浏览器里调试还是看不到原始代码，只显示bundle.js。明明配置里写了devtool: 'source-map'，也确认生成了.map文件，...
if (module.hot) { module.hot.accept(); }，应该能用