AI 中文社
Copyright © 2022-2024 aizws.net · 网站版本: v1.2.6·内部版本: v1.23.3·
页面加载耗时 0.00 毫秒·物理内存 73.4MB ·虚拟内存 1303.8MB
欢迎来到 AI 中文社区（简称 AI 中文社），这里是学习交流 AI 人工智能技术的中文社区。 为了更好的体验，本站推荐使用 Chrome 浏览器。
Yii Assets转换
开发人员经常使用扩展语法，比如 LESS，SCSS， Stylus for CSS和TypeScript，以及CoffeeScript for JS， 而不是编写 CSS 或 JS 代码。然后他们使用特殊工具将这些文件转换为真正的CSS和JS。 **
Yii的资产管理器自动将扩展语法的资产转换为CSS和JS。 渲染视图时，它将在页面中包含CSS和JS文件，而不是扩展语法中的原始资产。
第1步 - 以 这种方式修改 DemoAsset.php 文件。
<?php
namespace app\assets;
use yii\web\AssetBundle;
use yii\web\View;
class DemoAsset extends AssetBundle {
public $basePath = '@webroot';
public $baseUrl = '@web';
public $js = [
'js/demo.js',
'js/greeting.ts'
];
public $jsOptions = ['position' => View::POS_HEAD];
}
?>
我们刚刚添加了一个打字稿文件。
第2步 - 在 web / js 目录中，使用以下代码创建一个名为 greeting.ts 的文件。
class Greeter {
constructor(public greeting: string) { }
greet() {
return this.greeting;
}
};
var greeter = new Greeter("Hello from typescript!");
console.log(greeter.greet());
在上面的代码中，我们用一个方法 greet（） 定义了一个Greeter类。我们写我们的问候到铬控制台。
第3步 - 转到URL http：// localhost：8080 / index.php 。您会注意到， greeting.ts 文件被转换为greeting.js文件，如以下屏幕截图所示。
以下将是输出。
下一章：Yii 扩展
扩展程序是专门设计用于Yii应用程序的包。您可以将自己的代码作为扩展程序共享，也可以使用第三方扩展程序向应用程序添加功能。 使用扩展大多数扩展名是作为Composer软件包分发的。Composer从Packagist ...