首页 > 解决方案 > 跨多个 Web 服务器部署时的 ES6 模块路径

问题描述

ES6 模块很容易利用,但是我正在努力让它们在开发和生产中工作。在 dev 中,它们存储在 Django 的静态文件夹中,这意味着我可以像这样导入它们:

import { buildTable } from './customTable.js';

在 html 模板中:

<script type="module">
    import { buildTable } from '../../static/customTable.js'
    example('hello world')
</script>

但是,在 prod 中,静态文件夹位于不同的网络服务器上,因此这些路径不会相同。让这些模块在 dev 和 prod 中加载的最佳方法是什么?

标签: djangoes6-modules

解决方案


解决方案是使用 Django 模板语法导入 js 模块:

import { example } from '{% static "test.js" %}'

推荐阅读