在Drupal 8的控制器文件中添加CSS和JS,可以通过以下步骤实现:
your_module.libraries.yml
的文件,用于定义你的CSS和JS库。如果你的模块名为"your_module",则文件名应为your_module.libraries.yml
。your_module.libraries.yml
文件中,定义你的CSS和JS库。例如,你可以添加以下内容:your_module.styles:
version: 1.x
css:
theme:
css/your_style.css: {}
your_module.scripts:
version: 1.x
js:
js/your_script.js: {}
在上面的示例中,your_module.styles
和your_module.scripts
是库的名称,css/your_style.css
和js/your_script.js
是相应的CSS和JS文件的路径。
attachLibrary()
方法将CSS和JS库添加到页面中。例如,在控制器的build()
方法中添加以下代码:public function build() {
$build = array(
'#markup' => $this->t('Hello, World!'),
);
$build['#attached']['library'][] = 'your_module/your_module.styles';
$build['#attached']['library'][] = 'your_module/your_module.scripts';
return $build;
}
在上面的示例中,your_module.styles
和your_module.scripts
是你在your_module.libraries.yml
文件中定义的库的名称。
your_module/css/your_style.css
,JS文件应位于your_module/js/your_script.js
。这样,当你的控制器被调用时,相应的CSS和JS文件将被加载到页面中。
请注意,以上答案是基于Drupal 8的标准做法。关于腾讯云相关产品和产品介绍链接地址,由于题目要求不能提及具体品牌商,因此无法提供相关链接。
领取专属 10元无门槛券
手把手带您无忧上云