如何在 Vuepress 中使用 Sugar.js？答案

【问题标题】：How to use Sugar.js in Vuepress?如何在 Vuepress 中使用 Sugar.js？
【发布时间】：2019-12-16 10:39:00
【问题描述】：

我正在尝试在我的 vuepress 项目中使用 Sugar.js。但我不知道如何导入它。

在普通的 Vue.js 项目中。我可以像这样使用 Sugar.js：

main.js

import Sugar from 'sugar'
...
Sugar.extend();
...
new Vue({...});

但我只是尝试导入 Sugar.js 而在 Vuepress 增强应用程序.js 中什么也不做：

import Sugar from "sugar";
...

export default ({
    Vue, 
})=>{
    ...
}

比控制台报错：

Uncaught ReferenceError: global is not defined
    at eval (webpack-internal:///./node_modules/buffer/index.js:43)
    at Object../node_modules/buffer/index.js (app.js:2655)
    at __webpack_require__ (app.js:770)
    at fn (app.js:130)
    at eval (webpack-internal:///./node_modules/sugar/string/var/base64.js:110)
    at Object../node_modules/sugar/string/var/base64.js (app.js:14814)
    at __webpack_require__ (app.js:770)
    at fn (app.js:130)
    at eval (webpack-internal:///./node_modules/sugar/string/decodeBase64.js:4)
    at Object../node_modules/sugar/string/decodeBase64.js (app.js:13962)

【问题讨论】：

标签： vue.js vuepress sugar.js

【解决方案1】：

如果您调用Sugar.extend();，那么您不需要在每个文件中都导入Sugar。该调用将扩充所有内置函数，您应该能够直接在对象上调用函数：

[1,2,3,4,5,6,7].inGroupsOf(4)

应该可以在第二个文件中正常工作。

另一方面，您可能正在点击#632，这应该会在下一个补丁中修复。

【讨论】：