SPFX ClientSideAssets folder and dist folders have old code

Question

When I build my solution, minified JS files have my old lines. Here are my steps:

1 - gulp clean 2 - gulp build 3 - gulp bundle 4 - gulp package-solution --ship

file under \dist\test-web-part.js file under \sharepoint\solution\debug\ClientSideAssets\test-web-part_7b75e81b5de1ea7a45c0575c9bfcde29.js

They both get updated with my old code. I delete these files and they re-created with the old code again. I see old console.log lines in the minified js.

I do not have much experience in SPFX development. Any help would be much appreciated.

Answer 1

Please see the guide for deploying SPFX solution:

Build And Deploy The Client Side Web Part (SPFx) In SharePoint Online

Should upload the files under project folder - Temp - deploy to the library:

Answer 2

You have to Run bundle with --ship attribute when you need to make a deployment package.The --ship indicates the build tool to build for distribution. So it should be

gulp bundle --ship
gulp package-solution --ship