Webpack
本话题发布Webpack相关的问答文章和技术分享，将持续更新，为您推荐了18篇问答，访问即可查看更多精彩内容。
-
1
回答
41浏览
Webpack 5迁移后热更新失效了怎么办？
我最近把项目从 Webpack 4 升级到 Webpack 5，其他功能都跑起来了，但热模块替换（HMR）突然不生效了。改完代码页面不会自动刷新，控制台也没报错，就是没反应。 我确认 hot: tru...
-
1
回答
36浏览
Webpack 打包时 UglifyJS 报错怎么解决？
我用 Webpack 打包项目时，启用了 uglifyjs-webpack-plugin，结果一构建就报错，说“Unexpected token: punc (})”。我检查了 JS 代码没发现语法问...
-
2
回答
40浏览
Webpack 的 entry 配置到底该怎么写才对？
我刚学 Webpack，看到文档说 entry 是入口文件，但我试了好几种写法都不行。比如我写了 entry: './src/index.js'，打包后页面一片空白，控制台还报错说找不到模块。 我的项...
-
2
回答
39浏览
Webpack插件里怎么拿到编译后的资源列表？
我正在写一个自定义的 Webpack Plugin，想在编译完成后获取所有输出的资源文件名（比如 main.js、index.css 这些），但不知道该在哪个钩子里拿，也不清楚具体怎么访问到这些信息。...
-
1
回答
37浏览
Webpack 的 optimization.splitChunks 配置为什么没生效？
我项目里用了 Webpack 5，想把 node_modules 里的第三方库单独打包成 vendor.js，但配置了 splitChunks 后发现输出文件还是只有 main.js，没生成 vend...
-
2
回答
28浏览
Webpack打包后输出文件路径不对怎么办？
我用 Webpack 打包项目的时候，发现生成的 bundle.js 路径总是和我配置的 output.path 不一致。我在本地开发时没问题，但一构建到服务器上，引用的路径就变成根目录了，导致资源 ...
-
2
回答
27浏览
Webpack 开启多线程打包反而变慢了，是配置错了吗？
我用 Webpack 5 的 thread-loader 给 Babel 加了多线程，但打包时间没减少反而更久了，是不是哪里配错了？ 我的配置大概是这样的： { test: /.js$/, use: ...
-
2
回答
25浏览
Webpack打包后Source Map不生效是怎么回事？
我用Webpack打包项目时开启了source map，但浏览器里调试还是看不到原始代码，只显示bundle.js。明明配置里写了devtool: 'source-map'，也确认生成了.map文件，...
-
1
回答
34浏览
Webpack 开启 Tree Shaking 后，Vue 组件里的未使用方法为啥没被删掉？
我用 Webpack 5 + Vue 2 做项目，明明开启了 Tree Shaking，但发现一些没用到的 methods 还是被打包进去了，体积下不来。我试过把 mode 设成 production...
-
2
回答
46浏览
Webpack DllPlugin 打包后 React 组件报错怎么办？
我用 Webpack 的 DllPlugin 把 react 和 react-dom 打包成 dll 文件，但页面一加载就报错说 React is not defined，明明已经引入了 dll 文件...
-
2
回答
39浏览
Webpack 打包后 CSS Source Map 为啥不生效？
我用 Webpack 打包项目，启用了 source map，JS 的能正常定位到源码，但 CSS 始终显示的是打包后的 bundle.css，没法跳回原始的 .scss 文件。我在开发环境里配置了 ...
-
2
回答
46浏览
为什么设置了webpack externals后jQuery还是被重复打包？
我在项目里用CDN引入了jQuery，然后在webpack配置里设置了externals想排除它，但打包后发现vendor文件里还是包含了jQuery代码，页面控制台还报错"jQuery is def...
-
2
回答
72浏览
为什么DllPlugin打包后样式文件没生效，打包后的dll里没有CSS内容？
我用Webpack的DllPlugin打包公共依赖时，发现生成的dll文件里没有包含我配置的CSS文件。虽然在entry里加入了样式表路径，但打包后的manifest.json里也没有相关记录。 尝试...
-
2
回答
47浏览
Webpack的splitChunks配置为什么没生效？大文件还是被打包在一起
在配置Webpack optimization.splitChunks时，我把minSize设置成30000，但发现第三方库还是被打包到vendor chunk里了，难道我的配置有问题？ 之前尝试过这...
-
2
回答
118浏览
为什么用了cache-loader还是每次构建都重新编译？
在Vue项目里按文档把cache-loader加到loader链开头了，但每次运行npm run build都会重新编译所有文件。之前尝试过删掉node_modules和dist目录，甚至改过load...
-
2
回答
123浏览
使用mini-css-extract-plugin打包后CSS样式在React组件里不显示怎么办？
刚把项目里的style-loader换成mini-css-extract-plugin，结果页面样式全没了。之前用style-loader没问题，现在打包后的css文件能生成，但浏览器里组件样式就是不...
-
2
回答
78浏览
自定义Webpack Loader处理React JSX时语法错误怎么办？
我在写一个自定义Webpack Loader来处理React组件的JSX代码，但总是报"Unexpected token (2:8)"错误。尝试用babylon解析时发现，Loader返回的代码字符串...
-
2
回答
58浏览
Webpack optimization.splitChunks配置后打包体积反而变大了怎么办？
折腾了一天也没搞定，我按照文档配置了splitChunks把第三方库单独打包，结果vendor.js反而从200KB变成300KB了。 配置是这样的： optimization: { splitChu...
