最简单可靠的方式是直接在模板HTML中用<script>标签引入JS文件；Loader::import()仅处理PHP类文件，无法加载JS，强行使用会失败或静默错误。
直接在模板 HTML 中用 <script> 标签引入，是最简单、最可靠的方式；不要试图用 PHP 的 import() 或自动加载机制去“加载”前端 JS 文件。
为什么不能用 Loader::import() 引入 JS 文件
ThinkPHP 的 Loader::import() 和命名空间自动加载只处理 PHP 类文件，它不解析、不执行、也不输出 JS 内容。你调用 Loader::import('xxx.js') 不会把 JS 插入页面，甚至可能报错或静默失败。
-
import()是为 PHP 类设计的，路径解析逻辑只认.php后缀和类名映射规则 - 即使强行传入 JS 路径（如
Loader::import('static/js/echarts')），也不会 echo 出 script 标签 - 模板中写
{php}Loader::import(...) {/php}属于误用，既无意义又增加维护负担
推荐做法：静态资源统一放 public/static/，模板里硬引入
TP5.0 默认静态资源目录是 public/，JS 插件应放在这里，例如：public/static/js/jquery-ui.min.js、public/static/js/layer.js。
- 在模板（如
template/default/base.html）中，用标准 HTML 方式引入：<script src="/static/js/layer.js"></script>
- 如果插件有 CSS 依赖，同步引入：
<link rel="stylesheet" href="/static/css/layer.css">
- 路径以
/开头，表示从public/根开始，不依赖路由或模块结构 - 避免使用
__ROOT__/static/...这类 ThinkPHP 模板变量——它在多级子目录或 URL 重写时容易出错
需要动态控制加载？用模板变量 + 条件判断
比如只在某个页面用到 UEditor，不想全局加载，就在控制器里设置开关：
立即学习“PHP免费学习笔记（深入）”；
$this->assign('need_ueditor', true);
模板中写：
{if $need_ueditor}
<script src="/static/js/ueditor/ueditor.config.js"></script>
<script src="/static/js/ueditor/ueditor.all.min.js"></script>
{/if}
- 注意：不要在
{if}里写 PHP 逻辑，只做展示层控制 - 若插件需初始化脚本（如
var ue = UE.getEditor(...)），也应放在同一{if}块内，且确保 DOM 已就绪（建议用$(function(){...})或DOMContentLoaded） - 多个插件共用同一份基础库（如 jQuery）时，确认是否已全局引入，避免重复加载冲突
CDN 引入和本地 fallback 要小心跨域与阻塞
用 CDN 加速常见插件（如 Vue、Lodash）时，别忽略离线或网络异常场景：
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script>
<script>window.Vue || document.write('<script src="/static/js/vue.min.js"></script>')</script>
- CDN 地址必须是
https://，否则混合内容（mixed content）会被现代浏览器拦截 -
document.write()在现代页面中慎用，更稳妥的是用document.createElement动态插入 fallback 脚本 - TP5.0 默认不内置 Promise 或 fetch，若插件依赖这些 API，需自行引入 polyfill
最容易被忽略的一点：TP5.0 的模板引擎不会对 <script> 标签做任何转义或过滤，但如果你用了自定义的模板安全策略（如手动调用 htmlspecialchars() 输出 JS 变量），可能导致 JS 代码被破坏——所有 JS 相关内容必须绕过模板变量输出，直接写在 HTML 结构中。
