[英]How to properly reference the path with newly installed packages using npm in Laravel?
我已經在laravel項目中使用npm安裝了ReactJS和Babel。 它們位於npm本身創建的“ node_modules”文件夾中。 但是問題是,如果我使用以下代碼導入,我的反應代碼似乎不起作用:
<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>
路徑格式是否正確? 因為如果我只是使用此類型的代碼來導入ReactJS所需的所有導入,則:
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script>
如果我只是使用互聯網來獲取軟件包,那似乎可行。
我的反應代碼在這里:
<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>
那不是您在Laravel中使用Npm / Bower軟件包的方式。 無論是包管理器將存儲其Laravel 公共文件夾以外的文件中,第一室內node_modules
和后內bower_components
。 因此,它們不打算公開提供。
那么您將如何在Laravel中使用它們的軟件包? 使用Laravel Elixir之類的構建系統,僅使用Gulp甚至Grunt 。
復制和分發 React和Babel的分發文件,合並它們,縮小它們等等,完全取決於您。 你會與他們結束了在公共文件夾內,但在此之前,你會想要做的所有的東西一個很好的串聯和縮小服務文件及其大小的最小數。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.