什么是 purescript-brunch?
purescript-brunch 是一个 brunch 插件，其主要作用是将 PureScript 代码编译成 JavaScript 代码。通过使用 purescript-brunch，开发者可以在 brunch 的开发流程中使用 PureScript，而不需要对 brunch 的种种配置进行修改。
安装及配置
安装 purescript 和 bower：
npm install -g purescript bower
新建项目并安装 brunch：
mkdir myproject && cd myproject npm init -y npm install --save-dev brunch
安装 purescript-brunch：
npm install --save-dev purescript-brunch
初始化项目：
brunch new --skeleton purescript myproject
如果因为网络等问题初始化失败，可以手动调整 brunch-config.js 文件的配置，例如：
plugins: { purescript: { psc: { deadCodeElimination: true } } }
示例代码
下面是一个示例的 PureScript 代码，包含了一个简单的模块和一个函数：
-- -------------------- ---- ------- ------ ---- ----- ------ ------- --- -- --- --- - - --- -- ------ --- - ------- ------- ---- -- ------ ---- ---- - -- --- --- --- ---
上述代码中，我们定义了一个 foo 和 bar 变量以及一个 main 函数，其中 foo 和 bar 变量分别被赋值为一个整数和一个字符串。函数 main 输出这两个变量的值。
现在，我们用 purescript-brunch 将上述 PureScript 代码编译成 JavaScript 代码。为此，我们需要进行如下操作：
在项目中新建一个
src文件夹，将上述 PureScript 代码保存为Main.purs文件（注意文件名首字母必须大写）；在
public文件夹中新建一个 HTML 文件，并添加如下内容：-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ---------------------- ------- ------ ------- ---------------------------- ------- ------------------------- ------- -------
在
brunch-config.js文件中添加如下内容：-- -------------------- ---- ------- -------- - ----------- - -------- - -- ------------ ----- --------------- -- ------- ----- - -- ------ - ------------ - ------- - --------------- ---------------- ------------ ------ - - -在上述代码中，我们指定了编译的模块名称以及输出的目录。
运行
brunch build命令，即可在app目录下生成编译后的 JavaScript 代码。执行
brunch watch命令则会监控源代码的变化，随时自动编译生成新的 JavaScript 代码。
总结
通过使用 purescript-brunch，我们可以轻松地在 brunch 的开发流程中使用 PureScript，提高开发效率，降低开发成本。希望本篇文章对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cf981e8991b448e6c25