如何导入JavaScript文件内部以及如何使用Django加载另一个js。
这样的语句不起作用:
import { PolymerElement, html } from '{% static "@polymer/polymer/polymer-element.js" %}';
import '{% static "@polymer/app-layout/app-drawer/app-drawer.js" %}';
还有这些:
import { PolymerElement, html } from '@polymer/polymer/polymer-element.js';
import '@polymer/app-layout/app-drawer/app-drawer.js';
// myapp-shell.js
import `${static_path}`;
//....
<!DOCTYPE html>
<html lang="en">
<head>
{% load static %}
<script src="{% static 'node_modules/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js' %}"></script>
<script src="{% static 'node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js' %}"></script>
<!-- Loading app-shell -->
<script>
var static_path = '{% static "my-icons.js" %}';
console.log(static_path);
</script>
<script type="module" src="{% static 'mycomponents/myapp-shell.js' %}"></script>
</head>
<body>
<myapp-shell></myapp-shell>
</body>
</html>
有没有一种方法可以做到,而无需将代码捆绑在一个大文件中,也无需在html文件中调用所有文件。谢谢
在JS文件中使用Django模板标记绝对是不正确的,因为Django的模板加载器不会对其进行处理。我建议:
(a)仅在JS文件中使用相对路径导入。
要么
(b)设置DjangoSTATICFILE_DIRS
设置,使其包含node_modules目录,并将其设置STATIC_ROOT
为“ / static”之类。然后将模块导入为import { x } from '/static/path/to/module'
。
编辑:语法
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句