We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

syncfusion reactjs with browserify

Thread ID:

Created:

Updated:

Platform:

Replies:

128765 Feb 9,2017 06:19 PM Feb 16,2017 07:22 AM ReactJS 3
loading
Tags: General
Christopher Hui
Asked On February 9, 2017 06:19 PM

how can i require/bundle syncfusion reactjs with browserify?

Arun Palaniyandi [Syncfusion]
Replied On February 10, 2017 10:09 AM

Hi Christopher , 
 
Thanks for contacting Syncfusion support. 
 
We can bundle Syncfusion components with the browserify in React project by the following steps. 
 
1.       Create an application and then include the npm node packages. 
2.       Create a project directory with source and build folders. And  then in the index.html file include all the Syncfusion dependent scripts and styles . 
3.       If you are using ES2015 for rendering, then you need not refer “react.min.js”, “react-dom.min.js” and “browser.min.js” files in index.html. 
4.       Then create the component under the src folder. 
5.       Now give the browserify commands and then build the application. 
6.       Finally the Syncfusion components will be bundled with browserify in React project 
 
 
We have created our Autocomplete component using the Reactjs  browserify for your reference below. 
 
 
you can also find more information in the below getting started link. 
 
 
 
If the provided sample does not meet your requirement, please give more information on your requirement for us to provide the solution at earliest.  
  
 
Regards, 
Arun P. 


Christopher Hui
Replied On February 10, 2017 11:52 AM

i want to just have one bundle.js file. inside the index.html, i do not want the react javascript files referenced.

Ezhil S [Syncfusion]
Replied On February 16, 2017 07:22 AM

Hi Christopher, 

Thanks for your update. 

Yes, we can bundle all the dependent script to one using gulp task and refer it to your index page. Configure your app for gulp task and bundling with browserify using the “browserify” command. We have modified the sample with bundling the dependent scripts and it can be downloaded from the link below: 
 
 
Please let us know if you have any other queries. 
 
Regards, 
Ezhil S 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;