nasıl sadece WebPack modülü hakkında öğreniyorum bir WebPack modülüne

Question

Django şablonu değişkenlerini geçmek ve ben modüllerin benim Django app tüm JS altyapısını hareketli düşünüyorum. Yapmanın basit bir yolu, her Django şablon için bir webpack modül oluşturmak (veya görmek) ve her sayfada tek <script> etiketine sahip olduğu görülmektedir.

Ancak, bu webpack modülleri Django şablon değişkenlerinin içeriğini geçen bir yol bulmaya çalışıyorum. Daha önce ben bu değişkenler inlined olabilirdi:

<script> 
//Sample code.. 
var arr = []; 
{% for s in vars %} 
arr.push(s); 
{% endfor %} 
</script> 

Şimdi, sadece var:

<script src="temp.js"></script> 

Buldum bir potansiyel çözüm için tek kök işlevini verir bir kütüphane olmak için webpack modülünü tanımlamaktır tarayıcıdaki genel ad alanı. Sonra JS değişkeni içine Django değişkenleri koymak için bir satır içi script etiketi kullanabilir ve ihraç işleve argümanlar olarak bu geçmektedir.

Bu şekilde şeyler yapmanın sakar bir yol gibi hissediyor. Bunu nasıl halledebileceğime dair herhangi bir fikir var mı?

Teşekkürler! İşte

Answer 1

Ben dpwrussel en Sorunun yorumlarda ipucu ve this question dayanarak yaptık nasıl: Ben aktarıyorum benim modülde

, bunu yapın: Sonra

var React = require('react') 
var ReactDOM = require('react-dom') 

window.render_my_thing = function(properties) { 
    ReactDOM.render(...) 
} 

yılında

<script>                   
    render_my_thing({ 
     property1: "{{ property1 }}", 
     property2: "{{ property2 }}", 
    })                 
</script>