Yii Asset轉換

不同於寫CSS或JS代碼，開發人員經常使用擴展語法，如 LESS, SCSS, 手寫CSS和TypeScript，CoffeeScript。 然後需要使用專用工具將這些文件轉換成真正的CSS和JS。

Yii中 assets 資源管理轉換擴展語法自動注入CSS和JS。當視圖顯示，它將在頁面包函 CSS和JS文件，而不是在擴展語法原有 assets 資源。

第1步- 以下面這種方式修改 DemoAsset.php 文件

View::POS\_HEAD\]; } ?>

我們只是增加了一個 typescript 文件。

第2步 - 在 web/js 目錄下，創建一個名爲 greeting.js 文件並使用下面的代碼。

class Greeter {
constructor(greeting:string) { }
greet() {
return this.greeting;
}
};
var greeter = new Greeter("Hello From TypeScript!");
console.log(greeter.greet()); 

在上面的代碼中，我們定義了一個Greeter類並有一個 greet()方法。我們寫的問候語在Chrome控制檯中輸出。

注：需要安裝好 typescript 環境，執行類似命令：

tsc --sourcemap greeter.ts

第3步- 打開URL： http://localhost:8080/index.php 。你會發現，greeting.js 文件會轉換爲 greeting.js 文件，如下面的屏幕截圖。

將輸出以下內容：