javascript - 构建 Angular 6 应用程序后运行命令行

Question

大家好，我必须开发 Angular 应用程序，样式中的每个方面都将是动态的，并将从 json 文件加载，以帮助最终用户管理样式并在运行时自定义主题，他将更改颜色、填充、边距... ETC在构建将处于生产状态的 Angular 应用程序之后。

搜索结果后，我发现最好的库是 jsontosass，它将帮助我将 json 转换为 scss 变量，并使用这些变量来设计我的组件。

jsontosass 将 json 转换为 scss 变量主题，但我应该在终端中运行此命令行来监听 json 文件中的每个更改，该命令是 npm run jsontosass 运行此命令行后，json 中的每个更改都将传输到 theme.scss 文件。

我的问题是:构建我的 Angular 应用程序后，运行此命令行 npm run jsontosass 的最佳方式是什么？

我需要让最终用户能够更改 json，然后运行此命令行来监听 json 中的更改以转换为 theme.scss

谢谢!

Answer 1

您可以在 package.json 中添加脚本

"scripts": {
    "build": "ng build && npm run jsontosass"
 }

然后您可以通过键入以下内容来构建您的应用程序:

 npm run build