Search code examples
twiliotwilio-flex

How do I setup Twilio FLex WebChat after making changes?

I changed some things in flex-webchat-ui-sample when following the guides at Twilio.com.

Then I ran "npm run build" at the root of "flex-webchat-ui-sample" giving me the build folder. The assets folder in the build folder have the webchat-appConfig.js I referenced from the html page where I want the chat. Shouldn't this be minified?

I thought I would get something minified to place at my Flex account(in assets where I have my plugins)?

Now, what do I do with the build folder? Here is the output after "npm run build". folder structure after build

Solution

  • Twilio developer evangelist here.

    Your Flex Web Chat build is not to be used like any other Flex Plugin as it has to standalone on a different web page. We don't have any opinion about how you include it in your application, so that build directory gives you a chunk of an application that you can include in your own front end however works best for you. We also have no opinion about the build process for your application, so you can minify the resultant JavaScript yourself.

    edit

    I just ran npm run build in a new flex-webchat-ui-sample app. The actual application itself is built in the static/js directory. You can see in there 3 JavaScript files and 3 source maps. You also need your webchat-appConfig.js which sets the config from outside of the React.

    You can also see how it's loaded in build/index.html.