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

Question

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

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

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

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

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

谢谢！

Answer 1

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

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

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

 npm run build