在 DocPad 中使用模块化 JavaScript答案

【问题标题】：Using modular javascript with DocPad在 DocPad 中使用模块化 JavaScript
【发布时间】：2016-08-10 14:43:08
【问题描述】：

我刚刚开始学习 DocPad，并希望在一些网站上使用它，这些网站将提供一些相当多的 javascript 页面。我还希望能够使用节点导出和要求约定使 javascript 尽可能保持模块化，因为我想使用的大部分代码已经以这种方式编写了。

我已经安装了 babel 和 browserifydocs 插件，但每次尝试使用 import 或 require 时都会出错。如果我按照 babel 插件网站上的说明添加

---
 browserify: true
---

对于 js.babel 文件，我收到 Invalid left-hand side expression in prefix operation 错误。

是否可以使用我拥有的 javascript，或者我需要在布局文件的 @getBlock(“scripts”) 行中添加所有 javascript 文件。

【问题讨论】：

标签： docpad

【解决方案1】：

您能否将完整的 docpad 日志文件上传到某处，通过运行带有 -d 标志的 docpad 生成。

看这个，看来问题可能是browserify: true前面的空格

也许可以抄送 babel 插件作者。

【讨论】：

【解决方案2】：

如果你想做一个合适的模块化 js，请使用专门为其设计的 webpack (https://blog.madewithlove.be/post/webpack-your-bags/)。然后只需将它与 DocPad 结合起来，就像在生成结束时触发 webpack 编译一样。 DocPad 发送适当的事件，您可以在其中挂钩。

还有一个插件，但我从未使用过它，我不确定它有多好https://github.com/RobLoach/docpad-plugin-webpack

【讨论】：