编译文件时，为什么不能编译样式文件？

Question

英语不是我的母语；请原谅输入错误。

我生成了一个工作区enter image description here;

然后我运行“ tsc -p”。来编译我的文件；

这是生成的文件enter image description here

我在dist目录中找不到“ index.less”。

这意味着在运行“ tsc”时，不会编译样式文件。 那么如何通过tsc或其他方式编译样式文件；

谢谢；

Answer 1

tsc代表typescript compiler。它将打字稿编译为javascript。

如果要编译scs，则需要一个scss编译器，例如node-sass。可以使用npm install node-sass

安装它

VS Code还具有一个scss扩展来编译样式，您可以在扩展市场中找到它。

Answer 2

如果要从一个单独的文件中的LESS生成CSS，只需将CLI工具less与npm install less一起安装，然后使用lessc命令即可​​。

如果要将LESS和TypeScript捆绑到单个JavaScript输出中，则可能需要webpack + ts-loader + less-loader。 GitHub上有很多examples。并查看webpack官方网站以获取更详细的配置。

如果您想跳过为每个项目编写webpack的配置，可以尝试使用此工具1c。