Webpack4+

react, ts, scss hook, antd build

使用说明

• npm run ibuild 默认执行webpack.config.js

• npm run ibuild:view 执行打包后会开启本地bundle 文件分析页面

• npm run ibuild:dll 单独讲配置的第三方包提取到指定位置（不与其它打包冲突/混淆） ./dist/dll/xxxx.js

• npm run istart 启动本地服务，打开本地模板页面

• *****在运行项目前需要确保已执行过 npm run ibuild:dll 命令， 生成了对应的dll文件夹到 dist下（实际开发中可将其放到CDN上）。

其它

• cross-env 后面允许自定义参数到 config中接收使用

功能说明

不同分支开发不同功能

• master 分支包含到本地localhost 预览， 及生产打包常用功能配置 按需加载， 拆包， dll, tree-sharking 等配置。 支持react, ts, hooks, css, scss, 图片 等打包。

• dev-

插件简介

inspect-brk webpack 调试插件

使用步骤：

1. 安装后在项目控制台输入： node --inspect-brk ./node_modules/webpack/bin/webpack.js --inline --progress 启动node调试服务。

2. 在浏览器地址栏中输入： chrome://inspect/#devices

3. 在弹出窗口点击超链接"Open Dedicated DevTools for Node （Chrome窗口弹出来了，断点停留在webpack.js第一行处）

4. 然后点一下Chrome调试器里的“继续执行”，断点就提留在我们设置在webpack.config.js里的debugger断点了。 （或者在启动调试界面敲一下回车）