文件名称：browser-extension-template：:closed_book:带Webpack的准系统样板，选项处理程序和自动发布
文件大小：19KB
文件格式：ZIP
更新时间：2024-02-20 02:24:15
chrome-extension firefox-extension browser-extension github-template ChromeextensionJavaScript
浏览器扩展模板 带有webpack的准系统样板，选项处理程序和自动发布。 产品特点 使用现代的基于Promise的browser.* APIs 。 。 具有自动版本控制的，并支持手动发布。 。 此扩展模板的主要灵感来自 ， 和浏览器扩展。 如果发现任何有关如何创建新扩展程序的困惑，则可以始终参考这些浏览器扩展程序的源代码。 如何使用此模板 单击“然后制作一个自己的副本。 :winking_face: 组态 该扩展程序不针对任何特定的ECMAScript环境，也不默认提供任何转译。 扩展输出将与您编写的ECMAScript相同。 这使我们能够始终以最新的浏览器版本为目标，这是您应该遵循的良好做法。 Webpack 使用Babel进行转译 该模板在一个非常基本的webpack配置中进行烘焙，而无需进行转译。 要使用Babel设置转码，请遵循以下配置步骤。 为Webpack安装Babel软件包和相应的加载程序。 npm i --save-dev @babel/core @babel/preset-env babel-loader 在webpack.config.js ，添加
【文件预览】：
browser-extension-template-master
----.gitattributes(31B)
----source()
--------manifest.json(618B)
--------options.html(1011B)
--------icon.png(1KB)
--------options.js(785B)
--------background.js(84B)
--------options.css(905B)
--------options-storage.js(225B)
----.github()
--------funding.yml(35B)
--------workflows()
----webpack.config.js(883B)
----media()
--------previewer.png(8KB)
----.editorconfig(175B)
----.gitignore(36B)
----readme.md(6KB)
----package.json(1KB)