# 从现有Worker开始 Worker站点要求[wrangler](https://github.com/cloudflare/wrangler)\-确保使用[最新版本](https://developers.cloudflare.com/workers/quickstart/#updating-the-cli)\-以及Worker[Free计划](https://workers.cloudflare.com/sites#plans)。 确保使用最新版本。 如果您有一个预先存在的Worker项目，则可以使用“Worker站点”为Worker提供静态资产。为此，请按照以下说明进行操作： 1. 在项目的根目录中创建一个目录（例如`workers-site`），然后向其中添加配置`wrangler.toml`以指向该目录。另外，将路径添加到Worker脚本中（可能是`index.js`）。 ~~~ # wrangler.toml account_id = "612bef.." [site] bucket = "./my-dir" # Add the directory with your static assets! entry-point = "./workers-site" # JS folder serving your assets ~~~ 2. 将`@cloudflare/kv-asset-handler`包添加到您的项目： ~~~ npm i @cloudflare/kv-asset-handler ~~~ 3. 将包的代码导入到您的Worker脚本中，并在您要使用静态资产进行响应的处理程序中使用它： ~~~javascript import { getAssetFromKV } from '@cloudflare/kv-asset-handler' addEventListener('fetch', event => { event.respondWith(handleEvent(event)) }) async function handleEvent(event) { try { return await getAssetFromKV(event) } catch (e) { let pathname = new URL(event.request.url).pathname return new Response(`"${pathname}" not found`, { status: 404, statusText: 'not found', }) } } ~~~ 有关的可配置选项的更多信息，`getAssetFromKV`请参见[模板的source](https://github.com/cloudflare/worker-sites-template/blob/master/workers-site/index.js)。 4. 现在，您应该已准备就绪，可以运行，`preview`或者`publish`通常使用Worker项目！ ~~~ wrangler publish ~~~