如何设置VSCode以配置Rollup打包工具的开发环境？
- 内容介绍
- 文章标签
- 相关推荐
本文共计718个文字，预计阅读时间需要3分钟。
在VSCode中，默认终端不会自动识别全局安装的`rollup`命令。您需要先进行局部安装`rollup`：
- 统一用
npx rollup -c启动，确保调用的是项目本地版本 - 在
package.json的scripts里加一条："build": "rollup -c"，然后用 VSCode 的「运行脚本」功能（Ctrl+Shift+P → “Tasks: Run Script”）触发，比手动输更稳 - 如果用了 TypeScript，确认
rollup-plugin-typescript或@rollup/plugin-typescript已正确安装，且tsconfig.json中"compilerOptions": { "declaration": false, "sourceMap": true }已开启
为什么 VSCode 里断点不进 src 文件，只停在 dist/bundle.js
这是最常被忽略的环节：VSCode 调试器默认不读 rollup.config.js 里的 output.sourcemap 配置，它依赖 launch.json 显式声明映射关系。
本文共计718个文字，预计阅读时间需要3分钟。
在VSCode中，默认终端不会自动识别全局安装的`rollup`命令。您需要先进行局部安装`rollup`：
- 统一用
npx rollup -c启动，确保调用的是项目本地版本 - 在
package.json的scripts里加一条："build": "rollup -c"，然后用 VSCode 的「运行脚本」功能（Ctrl+Shift+P → “Tasks: Run Script”）触发，比手动输更稳 - 如果用了 TypeScript，确认
rollup-plugin-typescript或@rollup/plugin-typescript已正确安装，且tsconfig.json中"compilerOptions": { "declaration": false, "sourceMap": true }已开启
为什么 VSCode 里断点不进 src 文件，只停在 dist/bundle.js
这是最常被忽略的环节：VSCode 调试器默认不读 rollup.config.js 里的 output.sourcemap 配置，它依赖 launch.json 显式声明映射关系。