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

【问题标题】：How to properly load build folder in WordPress如何在 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，如下所示：

<?php 

function school_files(){
    wp_enqueue_script('main-school-js', get_theme_file_uri('/src/index.js'), NULL, '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_stylesheet_uri());
}


add_action('wp_enqueue_scripts', 'school_files');

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

【问题讨论】：

标签： javascript css node.js wordpress

【解决方案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');

【讨论】：