title: External CSS ,JS and Jquery in vscode webview api
body: <p>I want to use external CSS, JS, and JQuery in my HTML page in <strong>VSCode WebView API</strong>.</p>
  
  <p>I have added below code to create webView with external CSS file, But my HTML page gets loaded without CSS, JS and JQuery change. I am not able to get how we need to refer this in the HTML page. </p>
  
  <pre><code>const panel = vscode.window.createWebviewPanel('catCoding', "Cat Coding", vscode.ViewColumn.One, {
      enableScripts: true
  });
  
  const onDiskPath = vscode.Uri.file(path.join(__dirname, 'src/webapp/css', 'styles.css'));
  
  const webSrc = onDiskPath.with({ scheme: 'vscode-resource' });
  </code></pre>
  
  <p>I have added below code for Content-Security-Policy also in HTML to remove the restriction.</p>
  
  <pre><code>&lt;meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src vscode-resource: https:; script-src vscode-resource:; style-src vscode-resource:;"&gt;
  </code></pre>
  
  <p>Could you please let me know how to render HTML with external CSS, JS, and JQuery using VSCode web view API.</p>