文件名称:chrome-extension-webpack-boilerplate:使用Webpack进行丰富的Chrome扩展的基础模板,可帮助您编写模块化的现代Javascript代码,轻松加载CSS并根据代码更改自动重新加载浏览器
文件大小:101KB
文件格式:ZIP
更新时间:2024-02-20 03:51:41
chrome-extension boilerplate webpack ChromeextensionJavaScript
Chrome Extension Webpack样板 使用丰富的Chrome扩展程序的基础基础样板,可帮助您编写模块化的现代Javascript代码,轻松加载CSS并 。 开发新的扩展 我假设您已经阅读了和文档。 检查您的Node.js版本是否> = 6。 克隆存储库。 安装。 润yarn 。 更改package.json上的package.json名称和描述。 在src/manifest.json上更改扩展名。 yarn run start 请按照以下步骤在Chrome上加载扩展程序: 访问chrome://extensions/ 检查Developer mode 单击Load unpacked extension 选择build文件夹。 玩得开心。 结构体 您所有扩展的开发代码都必须放在src文件夹中,包括扩展清单。 该样板已经准备好具有弹出窗口,选项页面和背景页面。 您可以轻松地对此进行自定义。 每个页面都有自己的。 因此,要在弹出窗口上进行编码,您必须在src/js/popup.js上启动代码。 您必须使用才能更好地进行代码组织。 样板已经为此做
【文件预览】:
chrome-extension-webpack-boilerplate-master
----.gitignore(32B)
----package.json(629B)
----src()
--------popup.html(163B)
--------js()
--------css()
--------background.html(114B)
--------manifest.json(376B)
--------img()
--------options.html(114B)
----LICENSE.md(1KB)
----webpack.config.js(3KB)
----utils()
--------build.js(184B)
--------webserver.js(1023B)
--------env.js(148B)
----README.md(5KB)
----yarn.lock(191KB)