search

s-KaiNet / spfx-fast-serve

Improve your SharePoint Framework development flow by speeding up the "serve" command :rocket:
MIT License
130 stars 11 forks source link

How would one add fast serve to an MS Teams Toolkit project? #122

Open cardinalpipkin opened 5 months ago

cardinalpipkin commented 5 months ago

I'm building many Teams apps at the moment using:

I have used fast-serve in the past and it saves me hours a month.

How would I apply it to a Teams Toolkit project? I haven't attempted it as I don't want to mess up any existing projects.

s-KaiNet commented 5 months ago

fast-serve works for SPFx solutions, so you could follow the README and add it to your SPFx projects. You won't mess up anything, because fast-serve adds only a small footprint to the projects and doesn't break the default build process, so you could always come back to what you had before.

If you have any further questions, please ask.

github-actions[bot] commented 4 months ago

This issue has been automatically closed because we haven't received any response back. Please feel free to reopen if needed.

DakotaWray2 commented 1 month ago

Hi @s-KaiNet I too have been trying to integrate fast-serve in to a teams toolkit project. I imported an SPFx project I had working with fast-serve. teams toolkit seems to ignore the fast-serve configs. Do you have any updated recommendation? Thanks for any insight.

s-KaiNet commented 1 month ago

I will take a closer look what might be wrong there.

cardinalpipkin commented 1 week ago

Is there any update on this issue? I don't think it's simply a case of installing it on a Teams Toolkit project. Something to do with the gulp.js file?

s-KaiNet commented 1 week ago

sorry, didn't have a chance to take a look at this one for a while. Now I'm returning to normal operation and will be able to take a look.

s-KaiNet commented 5 days ago

Could you tell me a little bit more where the problem is? If you use SPFx web parts with MS teams project, then it's just a folders with SPFx solution where you can add fast-serve and it works (at least on SharePoint workbench).

Do you have troubles running and debugging it as a Teams tab? What is your normal development flow, which commands do you execute and how?

cardinalpipkin commented 4 days ago

@s-KaiNet I use:

Development flow:

  1. Open Visual Studio Code
  2. Click Teams Toolkit extension to the left in VSC
  3. Click Create a New App
  4. Click Tab (a tab in Teams)
  5. Click SPFx - Works in Teams, Outlook and M365 app (Build UI with SPFx)
  6. Click Create New SPFx Solution (Create Teams tab application using SPFx web parts)

Once built, the app is run by:

  1. Clicking debug local button in Teams toolkit extension: thumbnail_image001

For me, fast serve is ignored if I debug this way.

s-KaiNet commented 4 days ago

@cardinalpipkin thanks for the info. When click debug, do you select Teams workbench? obraz

cardinalpipkin commented 4 days ago

@cardinalpipkin thanks for the info. When click debug, do you select Teams workbench? obraz

Yes, I use Teams workbench (Edge)