webpack template 中引用 script方法

在Webpack中，template通常指的是HTML模板文件，比如`.html`或`.jade`等，而不是直接编写JavaScript的script标签。然而，有时候你会想在这些模板里动态插入JavaScript，这可以借助于Webpack的异步加载和CommonJS模块化的特性。

一种常见的做法是在模板中使用`<script type="module">`标签，并利用Webpack的`import()`函数动态引入模块。例如：

<!-- template.html -->
<script type="module">
// 使用 import() 动态导入 JavaScript 文件
const code = await import('./dynamic-script.js');
code.run(); // 这里假设 dynamic-script.js 有 run() 函数
</script>

在这个例子中，`dynamic-script.js`会被延迟到该脚本实际执行时才加载，这样就可以避免一次性加载所有JavaScript，提高性能。

然而，需要注意的是，`import()`只适用于支持ES6模块的浏览器环境。如果需要向老版浏览器提供兼容性，可能需要使用其他方案，如动态创建`<script>`标签并设置其src属性。