简介
@ionic/cli-scripts 是一个用于 Ionic 应用的脚本命令行工具。
通过使用 @ionic/cli-scripts，您可以轻松地执行以下操作：
- 开发、构建和打包 Ionic 应用
- 监听文件更改并重新编译应用程序
- 在浏览器中预览应用程序
- 生成生产准备的构建
- 等等
在本文中，我们将探讨如何使用 @ionic/cli-scripts 这个 npm 包。让我们开始吧！
安装
安装 @ionic/cli-scripts 很简单。只需在命令行工具中输入以下命令即可：
npm install @ionic/cli-scripts --save-dev
这将安装 @ionic/cli-scripts 并将它作为一个开发依赖项添加到您的项目中。接下来，您可以在 package.json 文件的 scripts 字段中添加一些命令以使用 @ionic/cli-scripts。
使用
开发模式
当您开始构建 Ionic 应用程序时，最好的做法是从本地开始并使用开发模式来执行它。在开发模式下，@ionic/cli-scripts 可以监听您在应用程序中所做的更改，并在每次更改时重新构建应用程序。
在 package.json 文件的 scripts 字段中添加以下命令以开启开发模式：
"scripts": {
"start": "ionic-app-scripts watch"
}从命令行中运行以下命令，以便开始开发：
npm start
这将启动应用程序，并在每次代码更改时重新编译。
生产模式
当您准备将应用程序上线时，最好在生产模式下执行它。在生产模式下，@ionic/cli-scripts 可以生成生产准备的构建和代码。
在 package.json 文件的 scripts 字段中添加以下命令以开启生产模式：
"scripts": {
"build": "ionic-app-scripts build"
}从命令行中运行以下命令，以便开始构建：
npm run build
这将生成生产准备的构建和代码，您可以将其部署到您的服务器上。
总结
在本文中，我们已经了解了如何使用 @ionic/cli-scripts 这个 npm 包。这个包有助于您开发、构建和打包 Ionic 应用程序。
我们通过添加两个命令来使用 @ionic/cli-scripts，以开启开发模式和生产模式。
如果您现在准备开始构建 Ionic 应用程序了，那么 @ionic/cli-scripts 将是非常有用的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f13cb21403f2923b035c2c7