【文件属性】:
文件名称:svelte-tailwind-extension-boilerplate:使用Svelte,TailwindCSS,Jest和Rollup构建的Chrome扩展样板
文件大小:115KB
文件格式:ZIP
更新时间:2021-05-22 11:55:27
javascript chrome-extension boilerplate typescript jest
苗条的尾风扩展样板
您可以使用此样板代码开始使用JavaScript或 ,前端的 ,样式的 ,测试的以及作为构建系统的Chrome扩展的开发。
该样板在开发过程中还借助了自动重新加载。 不再需要不断刷新页面来查看您的更改!
开始使用
使用degit
在您的终端中输入以下内容:
npx degit " kyrelldixon/svelte-tailwind-extension-boilerplate#main " your-extension-name
yarn
使用Github模板
Github模板允许您创建一个仓库的副本来构建您自己的项目。 单击页面顶部的“使用此模板”以获取您自己的副本。
发展
对于使用自动重载的开发:
yarn dev
打开扩展仪表板,启用“开发人员模式”,单击“加载解压缩”,然后选择dist文件夹。
生产
当该发布到Chrome时,进行生产构建。 运行以下
【文件预览】:
svelte-tailwind-extension-boilerplate-main
----rollup.config.js(1KB)
----package.json(2KB)
----jest.config.js(212B)
----src()
--------content()
--------background()
--------manifest.json(241B)
--------popup()
----.gitignore(31B)
----tailwind.config.js(193B)
----README.md(4KB)
----yarn.lock(273KB)
----scripts()
--------setupTests.js(36B)
--------setupTypescript.js(6KB)
----postcss.config.js(83B)
----babel.config.js(154B)