AEM项目VSCode自动编译ts

张开发
• 2026/4/6 10:36:05 • 15 分钟阅读

最新文章

推荐文章

相关文章

分享文章

AEM项目VSCode自动编译ts
AEM项目VSCode自动编译ts环境nodev20.18.1系统windows安装主要包npm install -g nodemon修改package.json文件修改项目根目录下的package.json文件增加如下带代码scripts: { build: node webpack/component.js --entry \.\\ui.apps\\src\\main\\content\\jcr_root\\apps\\xxx\\components\\xxx\\clientlibs\\js\\index.ts\, watch: nodemon --watch ui.apps/src/main/content/jcr_root/apps/xxx/components/xxx/clientlibs/js/xxx.ts --watch ui.frontend/src/main/webpack/components/xxx --ext ts,tsx,scss,sass --exec \npm run build\ },监听ui.apps/src/main/content/jcr_root/apps/xxx/components/xxx/clientlibs/js/index.ts文件和ui.frontend/src/main/webpack/components/xxx文件夹下修改存在修改执行npm run build编译入口文件是ui.apps/src/main/content/jcr_root/apps/xxx/components/xxx/clientlibs/js/xxx.ts自己根据需要修改监听和编译入口文件地址入口路径必须.\\开头修改编译配置文件webpack\component.jsconst path require(path) ... if (typeof (options.entry) string) { ... config.output { ...(config.output), // 需要使用绝对路径 path: path.resolve(__dirname, ../, pathList.join(\\)), ... }; } ... config.entry options.entry.split(\\).join(/); ... compile.run((err) { console.log(End....); compile.close((closeErr) { console.log(Close....); }); });运行npmrunwatch以前使用的WebStorm配置的watch文件自动编译只能监听ui.apps里面的ts文件。并且习惯使用VSCode的我开发时候要打开两个编辑器很麻烦。如果不确定修改是不是影响别人就不要提交修改只在自己本地使用欢迎关注公众号前端da

更多文章