- 克隆代码
- 进入问题代码所在目录
cd /webpack-demo/- 安装依赖 并 启动热更新
npm i
npm run dev- 修改资源文件 浏览器没有刷新 (问题点)
- 原因：webpack5 需要补充
target: 'web'配置
module.exports = {
mode: 'none',
entry: './src/main.js',
devtool: 'eval-cheap-module-source-map',
output: {
filename: 'bundle.js',
path: path.join(__dirname, 'dist'),
},
target: 'web', // **
}- 代码中使用了动态导入
import(
/* webpackChunkName:'editor' */
'./editor/editor'
).then(({ default: createEditor }) => {
const editor = createEditor()
document.body.append(editor)
})- 安装依赖后执行 打包命令
npm run build:default:none- 预期结果
dist 目录下有以下 2 个文件
main-xxxxxx.bundle.js
editor-xxxxxx.bundle.js- 实际结果
只有 main-xxxxxx.bundle.js
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent