为浏览器初始化bucklescript项目的正确方法

Question

我可以使用以下命令创建、编译和运行一个bucklescript项目

bsb -init new-project
cd new-project
npm run build
node ./src/demo.bs.js

但是，我想使用从嵌入到html文件中的脚本生成的demo.bs.js中的定义。生成的js包含对require的调用，该调用在浏览器中不起作用。我也许可以让它在browserify或其他东西上工作，但我想必须有一种适当的方法来设置一个针对web应用程序的bucklescript项目，对吧？

Answer 1

默认情况下，BuckleScript以commonjs格式(节点模块格式)输出JavaScript模块，但也可以配置为输出amdjs或es6模块。你在那里用它们做什么完全取决于你。你可以使用browserify、rollup或parcel，但大多数人都使用webpack。这里有一个简单的webpack配置，它应该适用于你：

const path = require('path');

module.exports = {
  entry: './src/demo.bs.js',
  output: {
    path: path.join(__dirname, "public"),
    filename: 'bundle.js',
  },
};

将其放入项目根目录下的ẁebpack.config.js中，然后运行：

npm install webpack
webpack

然后，您可以在html文件中包含./public/bundle.js。

注意:如果您使用的是reason-react，react模板将为您设置所有这些内容：

bsb -init new-project -theme react