什么是 swt-run
swt-run 是一个基于 Node.js 的命令行工具，用于在本地快速启动和运行前端项目。它可以监控文件变化，自动重新编译并刷新浏览器。使用 swt-run 可以大大提高前端开发的效率。
安装 swt-run
swt-run 可以使用 npm 进行安装：
npm install -g swt-run
使用 swt-run
启动项目
使用 swt-run 启动项目非常简单，只需要在命令行中进入项目根目录，然后执行 swt-run 命令即可：
cd /path/to/project swt-run
执行完毕后，swt-run 会自动打开一个浏览器窗口，并在其中显示当前项目的主页。此时，如果你修改了项目中的某个文件，swt-run 会自动重新编译并刷新浏览器，以便你可以立即查看修改后的效果。
自定义端口和主页
默认情况下，swt-run 使用 8080 端口，以项目根目录下的 index.html 文件作为主页。如果你希望使用其他端口或者其他文件作为主页，可以使用 --port 和 --index 参数：
swt-run --port 3000 --index src/index.html
以上命令将使用 3000 端口，并以 src/index.html 文件作为主页启动项目。
监听文件变化
swt-run 可以监控文件变化，并自动重新编译并刷新浏览器。默认情况下，swt-run 只会监控 JavaScript 和 CSS 文件的变化，但是你也可以通过 --watch 参数来指定需要监控的文件类型：
swt-run --watch "**/*.js" "**/*.html"
以上命令将监控所有后缀为 .js 或者 .html 的文件。
自定义编译命令
默认情况下，swt-run 会自动使用 webpack 进行编译 JavaScript 和 CSS 文件。但是如果你的项目使用了其他的构建工具，你也可以通过 --build 参数来自定义编译命令：
swt-run --build "npm run build"
以上命令将使用 npm 的 run build 命令来编译项目。
总结
swt-run 是一个非常方便的前端开发工具，它可以大大提高开发效率。通过本文的介绍，相信读者已经掌握了 swt-run 的使用方法，可以在实际项目中进行尝试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005596381e8991b448d6dad
