How to organize my js files

时间:2018-06-14 作者:Victor Akio

我正在进行一个多站点安装,它将有几个子网站,我对如何组织我的js文件表示怀疑。

这个WP Theme Handbook

说js文件应该放在assets文件夹中。

因此,由于每个子网站都有不同的js脚本,我假设正确的做法是创建一个。每个站点的js文件。

我的问题是,每个站点创建多个js文件是否是一个好主意,因为有些脚本只能在特定的自定义模板上运行。我这样问是因为如果我这样做的话,我的许多js文件中只有一个函数。

文件结构如下:

根目录—资产—js—site1js—脚本1。js——脚本2。js——脚本3。js—site2js—脚本。js

这是否会影响网站的性能?或者这只是一个糟糕的做法,我应该把所有的脚本放在一起?

此外,它是否也适用于css?

谢谢

1 个回复
最合适的回答,由SO网友:WebElaine 整理而成

一般来说,组合所有全局脚本将提高性能,但有选择地将JS排队也会提高性能,这意味着如果一个脚本仅用于一个CPT或模板,则应该只在那里排队。

在您的functions.php. 您可以通过blog_id 如果你的一些JS很短,你也可以添加一个内联脚本,而不是提供一个单独的文件。例如:

function wpse_306134_enqueues() {
    // enqueue the sitewide theme script file
    wp_enqueue_script(\'wpse-scripts\', get_template_directory_uri() . \'/wpse.min.js\', array(\'jquery\'), \'1.23\', true);
    // enqueue an inline script only on the \'about\' page
    // adjust this condition as needed: if is_singular, etc.
    if(is_page(\'about\')) {
        wp_add_inline_script(\'wpse-scripts\', \'(function($){jQuery(document).foundation();})(jQuery); jQuery(".gallery-icon a").swipebox();\');
    }
}
add_action(\'wp_enqueue_scripts\', \'wpse_306134_enqueues\');
就我个人而言,我会将我所有的JS文件放在一个文件夹中,并将它们命名为blog_id 如果适用的话。有一个全局JS,然后是特定于站点的JS,然后是这些额外的内联队列,用于不适用于大多数URL的小片段。

结束

相关推荐

插件中的JavaScript数据表

我有一个已经开始开发的插件,我想尝试使用datatables。net显示表格数据。我不知道如何做到这一点,在搜索和尝试了不同的东西后,我迷路了。以下是我的插件中的内容。当前,当我加载页面时,它会显示表,我可以在页面源代码中看到加载了dataTables js、dataTables css和customScriptDatatables。add_action(\'create_datatable\', \'show_datatable\'); function show_datatable (){&#