查看“Template:ES6”的源代码

{{教程标题|一级标题=前言}}
<div class="wenzi1">
* '''本模板依赖于赛马娘wiki的魔改[[模板:ResourceLoader]]丨作者：素子ちゃん_official'''
* '''这里的ES6指ES6模块化，在单纯使用ES6语法时，你无需使用ES6模板，用JS模板即可'''
载入MediaWiki命名空间下的ES6模块。

参数列表：
<pre>
	#1
		JS页面（ES6模块）的名称。
</pre>
===ES6===
*ES6与JS类似，但是ES6支持文件中出现import与export，即ES6模块化 [https://www.runoob.com/w3cnote/es6-module.html]
*在多个JS文件引入，或者实现一些通用功能的代码时，我们建议使用ES6模块化
*在多个JS文件引用时，模块化能保证加载顺序
*在实现通用功能时，多个JS能调用这一功能，减少代码重复
<br>
{{教程标题|一级标题=模板案例}}
例如文件A.js中定义了功能函数a并export
<syntaxhighlight lang="javascript" line>
let a = function() {
    console.log("fun from a.js");
}
export default a
</syntaxhighlight>
文件B.js通过import声明可以调用这个函数
<syntaxhighlight lang="javascript" line>
import a from "./index.php?title=MediaWiki:A.js&action=raw&ctype=text/javascript";    //通用模板，改文件名就行
a();
</syntaxhighlight>
最后在页面中调用B.js  我们就运行了来自A.js的函数
<syntaxhighlight lang="html+handlebars" line>
{{ES6|B}}
</syntaxhighlight>
[[分类:模板]]
</div>
</noinclude>