2016-03-29 7 views
1

Lagol projemde npm'yi kullanarak ReactJS ve Babel'i kurdum. Npm tarafından oluşturulan "node_modules" klasöründe bulunurlar. Yolun biçiminin doğruLaravel'de npm'yi kullanarak yeni kurulan paketler ile yolu nasıl referans gösterebilirim?

<script src="node_modules/react/react.js"></script> 
<script src="node_modules/react-dom/dist/react-dom.js"></script> 
<script src="node_modules/babel-core/lib/api/browser.js"></script> 

mi: Ama sorun bu kodu kullanarak içe eğer çalışmak görünmüyor benim kod tepki nedir? Sadece ReactJS için gerekli tüm ithalat için bu kod türünü kullanarak içe çünkü eğer:

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script> 

Ben sadece paketlerin almak için internet kullanımı ise iş gibi görünüyor. kodunu tepki listem

buradadır:

Eğer laravel içinde NPM/Bower paketlerini kullanmak yol değil
<div id="myapp"></div> 
<!-- JavaScripts --> 
<script type="text/babel"> 
    var BuckyComponent = React.createClass({ 
     render: function() { 
      return(
       <h2>{this.props.user} likes to eat {this.props.food}</h2> 
      ); 
     } 
    }); 

    React.render(
     <div> 
      <BuckyComponent user="Arth" food="Bacon"/> 
      <BuckyComponent user="Arth" food="Pork"/> 
      <BuckyComponent user="Arth" food="Chicken"/> 
     </div>, 
     document.getElementById('myapp') 
    ); 
</script> 
+0

Bu, "node_modules" nin konumuna bağlıdır, webroot'ta mı? –

+0

@Ciccio evet kökte –

cevap

0

. Her iki paket yöneticisi de dosyalarını Laravel genel klasörünün dışında, ilk node_modules klasörünün ve daha sonra bower_components'un içinde depolar. Yani kamuya açık olmayı amaçlamıyorlar.

Paketlerini Laravel'in içinde nasıl kullanıyorsunuz? Laravel Elixir gibi yapı sistemleri kullanarak, sadece Gulp veya Grunt.

Tümü, React ve Babel'in dağıtımını dosyalarına kopyalamanız, yapıştırmanız, küçültmeniz ve benzeri şeyleri kopyalamanız size kalmış. Onlarla genel klasörünün içinde sona erecektir, ancak mümkün olan en küçük sayıda dosya ve boyutlarını sunmak için tüm bu şeylerin güzel bir birleştirme ve küçültme yapmak isteyeceksiniz.

İlgili konular