CoolFace
Modelpublic

AbdulElahGwaith/vscode-docs-archive

sourceHugging Facemitupdated 8mo agoView on Hugging Face
0likes
code-change.md36 linesDownload Raw Back to static-website
1---2Order: 53Area: staticsite4TOCTitle: Make a code change5PageTitle: Make a code change6MetaDescription: Website deployment to Azure Storage with Visual Studio Code7DateApproved: 6/27/20188---9# Making a code change10 11In this section, you will make a source code change and redeploy the site so that you can see what your end-to-end deployment workflow will look like.12 13## Make a change14 15Open `App.js` and change **line 11** to the following:16 17```js18<h1 className="App-title">Welcome to Azure!</h1>19```20 21## Redeploy your app22 23Run `npm run build` locally then right-click your updated `build` directory and choose **Deploy to Static Website**. Choose your Storage Account and confirm that you want to deploy your changes.24 25> **Tip**: Your compiled application code will have a different filename on each build to prevent caching. Because of this, the extension will automatically delete the old files before deploying changes.26 27## Test your changes28 29Once your deployment is complete, revisit your storage endpoint (`https://<storage-account-name>.z4.web.core.windows.net/`) and you should see the following:30 31![Import build](images/static-website/updated-azure-app.png)32 33----34 35<a class="tutorial-next-btn" href="/docs">I'm done!</a> <a class="tutorial-feedback-btn" onclick="reportIssue('node-deployment-staticwebsite', 'code-change')" href="javascript:void(0)">I ran into an issue</a>36