当我编译我的文件时，为什么我不能编译样式文件？答案

【问题标题】：When I compiled my files, why could I not compile the style files?当我编译我的文件时，为什么我不能编译样式文件？
【发布时间】：2018-11-01 17:34:17
【问题描述】：

英语不是我的母语；请原谅打字错误。

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

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

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

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

谢谢；

【问题讨论】：

【解决方案1】：

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

如果你想编译scss你需要一个scss编译器，例如node-sass你可以使用npm install node-sass安装它

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

【讨论】：

【解决方案2】：

如果您想在单独的文件中从 LESS 生成 CSS，只需安装 CLI 工具 less 和 npm install less 并使用 lessc 命令即可。

如果您想将 LESS 和 TypeScript 捆绑到单个 JavaScript 输出中，您可能需要 webpack + ts-loader + less-loader。 GitHub上有很多examples。更详细的配置请看 webpack 官网。

如果你不想为每个项目编写 webpack 的配置，你可以试试这个工具1c。

【讨论】：