У кого есть рабочий package.json для разработки под Гутенберг?

Question

[yarovikov]

Привет всем. Затрахался я с настройкой бабеля и прочего. Может у кого есть пример рабочего package.json и .babelrc? А то с ошибками на разных конфигах задолбался.

Answer 1

[Alexander Pushkarev]

А почему необходимое не взять прямо и их пакета?

https://github.com/WordPress/gutenberg/blob/master...
https://github.com/WordPress/gutenberg/blob/master...

А вот инструкция для разработки своего пакета - https://github.com/WordPress/gutenberg/tree/master...

Comments

[yarovikov]

Да постоянно какие-то косяки. Вот самы простой вариант:

{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "babel src -d dist --presets env"
  },
  "author": "",
  "license": "",
  "devDependencies": {
  },
  "dependencies": {
    "@wordpress/components": "^7.3.2",
    "babel-cli": "^6.26.0",
    "babel-core": "^6.26.3",
    "babel-preset-env": "^1.7.0"
  }
}

Все конвертирует нормально, но в консоли Can't find variable: require

Если использовать способ с документации

{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "babel src -d dist --presets @wordpress/default"
  },
  "author": "",
  "license": "",
  "devDependencies": {
    "@wordpress/babel-preset-default": "^4.1.0"
  },
  "dependencies": {
    "@wordpress/components": "^7.3.2",
    "babel-cli": "^6.26.0",
    "babel-core": "^6.26.3",
    "babel-preset-env": "^1.7.0"
  }
}

.babelrc

{
  "presets": [ "@wordpress/default" ]
}

топри npm run build ошибки в терминале:

TypeError: api.env is not a function (While processing preset: "/Users/yarovikov/Sites/test/wp-content/plugins/ay-gallery/node_modules/@wordpress/babel-preset-default/index.js")
    at module.exports (/Users/yarovikov/Sites/test/wp-content/plugins/ay-gallery/node_modules/@wordpress/babel-preset-default/index.js:7:24)
    at /Users/yarovikov/Sites/test/wp-content/plugins/ay-gallery/node_modules/babel-core/lib/transformation/file/options/option-manager.js:317:46
    at Array.map (<anonymous>)
    at OptionManager.resolvePresets (/Users/yarovikov/Sites/test/wp-content/plugins/ay-gallery/ ...