简介
bookmarklet-loader 是一个 npm 包，它提供了一种将 JavaScript 代码打包成 bookmarklet 的方法。bookmarklet 是浏览器的一种书签，它可以包含 JavaScript 代码，点击书签时就会运行这些代码，可以实现一些常用功能的快捷操作。
bookmarklet-loader 通过使用 webpack 来打包 JavaScript 代码，并生成一个 bookmarklet 对象，将其中的 JavaScript 代码转换成一个可以运行的字符串，并将它作为链接的 href 属性。
安装
使用 npm 包管理器，我们可以很容易地安装 bookmarklet-loader：
npm install bookmarklet-loader
使用
假设我们有一个文件 index.js，其中包含一些 JavaScript 代码，我们想将其打包成一个 bookmarklet。
首先，我们需要创建一个 webpack 配置文件：
-- -------------------- ---- ------- ----- ---- - ---------------- ----- ----------- - ------------------------------ -------------- - - ----- -------------- ------ ------------- ------- - ----- ----------------------- -------- --------- ------------ -- ------- - ------ - - ----- -------- ------- --------------------- -------- --------------- -- -- -- -------- - --- --------------------- -- --展开代码
在这个配置文件中，我们使用了 bookmarklet-loader 提供的 loader 和 plugin。loader 用来将 JavaScript 代码转换成可以运行的字符串，plugin 用来生成一个 bookmarklet 对象并输出到文件中。
然后，我们可以运行 webpack 命令来打包代码：
npx webpack --config webpack.config.js
最终，我们会在 dist 文件夹中得到一个名为 bookmarklet.html 的文件，它包含了我们打包好的 bookmarklet 对象。
我们可以将这个文件的内容复制到一个书签中，并在浏览器中点击这个书签来运行我们打包好的 JavaScript 代码。
示例代码
以下是一个示例代码，它会在当前页面中显示一个对话框：
// index.js alert('hello world!');
参考使用以上代码创建一次打包出 bookmarklet 的过程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/68694
