如何使用npm / webpack正确导入Gridstack?

卡拉凯恩

我使用npm安装gridstack库。

我以前将gridstack用作标准js库,但现在想使用npm / webpack包括它,而不是自己直接包含它。我不明白我需要包含什么才能使其正常运行。

我也在使用v1.1版,需要哪些依赖项?仅gridstack还是您还需要jquery-ui?

Main.js

import Gridstack from 'gridstack' //what I need to put here ?

var grid = Gridstack.init();
console.log(grid);

Package.json

"dependencies": {
    "@babel/polyfill": "^7.8.3",
    "@babel/runtime": "^7.8.7",
    "gridstack": "^1.1.0",
 },
"devDependencies": {
    "@babel/core": "^7.8.4",
    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
    "@babel/plugin-transform-runtime": "^7.8.3",
    "@babel/preset-env": "^7.8.4",
    "autoprefixer": "^8.6.4",
    "babel-loader": "^8.0.6",
    "cross-env": "^7.0.0",
    "webpack": "^4.41.6",
    "webpack-cli": "^3.3.11"
  },

目前,我有以下错误:

TypeError: gridstack__WEBPACK_IMPORTED_MODULE_7___default.a.init is not a function
阿兰·杜梅斯尼(Alain Dumesny)

现在可以在刚刚发布的1.2.1中使用(请参阅发行说明)

import 'jquery';
import 'jquery-ui';

import 'gridstack/dist/gridstack-poly'; // optional IE support
import GridStack from 'gridstack';
import 'gridstack/dist/gridstack.jQueryUI';
import 'gridstack/dist/gridstack.css';

但建议您只使用2.x(本机打字稿重写),只需执行以下操作:

import { GridStack, $ } from 'gridstack'; // $ optional if you depend on it, to be removed in 3.x
import 'gridstack/dist/gridstack.css';

可能还希望看到https://github.com/gridstack/gridstack.js#jquery-application

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章