cheminfo-build 是一个前端开发工具，主要用于构建和打包化学信息学相关的项目。本文将详细介绍如何使用这个工具。
安装
使用 npm 包管理器来安装 cheminfo-build：
npm install cheminfo-build --save-dev
使用
在项目的根目录下创建一个 .chemiforc 文件，该文件包含了 cheminfo-build 的配置信息。下面是一个示例：
{ "devServerPort": 8080, "htmlTemplatePath": "src/index.html", "entryScriptPath": "src/index.js", "outputDirectoryPath": "dist" }
你可以根据需要修改这些配置信息。一般来说，devServerPort 是开发服务器使用的端口号；htmlTemplatePath 和 entryScriptPath 分别指定了 HTML 模板文件和入口脚本文件的路径；outputDirectoryPath 指定了输出目录的路径。
开发模式
要在开发模式下运行你的项目，只需要在终端中运行以下命令：
npx cheminfo-build start
这将启动一个开发服务器，你可以在浏览器中访问 http://localhost:8080 来查看你的项目。如果你修改了代码，服务器会自动重新加载页面。
生产模式
要在生产模式下构建你的项目，只需要在终端中运行以下命令：
npx cheminfo-build build
这将在 dist 目录中创建一个打包后的文件。你可以将这个文件部署到你的服务器上，让用户访问你的网站。
自定义命令
如果你想自定义命令，可以在 package.json 文件中添加 scripts 字段。例如：
{ "scripts": { "start": "cheminfo-build start", "build": "cheminfo-build build" } }
这样你就可以使用 npm start 和 npm run build 命令来启动开发服务器和构建项目了。
示例代码
下面是一个简单的示例代码，它将一个按钮添加到页面上，并在点击按钮时弹出一个提示框：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- --------------- ----- ---------------- ------- ------ ------- ------------------- ----------- ------- -------------------------- ------- -------展开代码
document.getElementById('myButton').addEventListener('click', function () { alert('Hello, World!'); });
当然，这只是一个简单的示例。在实际项目中，你需要编写更加复杂的代码来实现你的需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedbe11b5cbfe1ea0611b14
