时间戳

首页 > 解决方案 > 如何在 Vuepress 中使用 Sugar.js？

vue.js - 如何在 Vuepress 中使用 Sugar.js？

问题描述

我正在尝试在我的 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.jsvuepresssugar.js

解决方案

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

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

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

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

推荐阅读