如何在 WordPress 中正确加载构建文件夹

分享于2022年07月17日 css javascript node.js wordpress 问答
【问题标题】:如何在 WordPress 中正确加载构建文件夹(How to properly load build folder in WordPress)
【发布时间】:2022-01-26 11:16:33
【问题描述】:

我正在尝试将我的 html 转换为 WordPress。

我有两个文件夹,一个是 build 文件夹,其中包含:

-index.css
-index.js
-index-style.css

然后在我另一个名为 src 的文件夹上:

-index.js
-modules folder
--HeroSlider.js
--GoogleMap.js

我尝试在我的 WordPress 主题文件夹中的 function.js 文件中加载 HeroSlider.js,如下所示:

但是这个没有在我的 WordPress 文件中加载我的 Hero Slider 文件。如何加载它以确保模板正常工作?


【解决方案1】:

请尝试下面的代码可能对你有用。

/**
 * enqueue scripts and styles
 */
function school_files(){
    wp_enqueue_script('main-school-js', get_template_directory_uri().'/src/index.js', array(), '1.0', true);
    wp_enqueue_style('custom-google-font', '//fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,300,400,400i,700,700i"');
    wp_enqueue_style('font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"');
    wp_enqueue_style('school_main_styles', get_template_directory_uri(). '/build/index.css', array(), '1.0.0', true);
}


add_action('wp_enqueue_scripts', 'school_files');