![package.json のBabel O協
"presets": [
[
"env",
{
"modules": false,
"targets": {
"browsers": [
"ie >= 9",
"edge >= 13",
"firefox >= 5",
"opera >= 12",
"safari >= 5",
"chrome >= 56"
]
}
}
]
]](https://image.slidesharecdn.com/drupal8-170701114041/85/Drupal-8-4-x-core-6-320.jpg)
![┣凌治 Drupal 8.3.x のpackage.json
"presets": [
"es2015"
]
Drupal 8.4.x での筝
presets の筝
babel?preset?es2015 ★ babel?preset?env
babel?core のバ`ジョン
6.17.0 ★ 6.24.1](https://image.slidesharecdn.com/drupal8-170701114041/85/Drupal-8-4-x-core-7-320.jpg)
Drupal 8.4.x の core にみるフロントエント?_kのF彜B初
- 1. Drupal 8.4.x のcoreにおけるフロントエンド _kのF彜B初 Tom Konda (@tom_k_en)
- 2. Drupal 8.3.x からpackage.json 弖紗 package.json Node.js のパッケ`ジ砿尖O協ファイル core のフロントエンド_kにNode.js h廠駅
- 3. Drupal 8.4.x でフロントエンド狼ツ`ルのO 協ファイル .eslintrc.json .eslintignore .stylelintrc.json package.json yarn.lock 8.4.x になり、yarn とstylelint のO協ファイルがえた Node 8.x のLTS が竃るまでにはnpm@5 のpackage?lock.json もえ るはず
- 4. package.json のscripts の嶄附 參和のものから撹 "build:js" "build:js?dev" "watch:js" "watch:js?dev" "lint:core?js" "lint:css" "lint:css?checkstyle" 8.3.x から8.4.x でstylelint とJavaScript のsourcemap を竃薦す るscript の弖紗
- 5. package.json のdependencies すべてdevDependencies 寄eすると參和のような湖じ Babel 狼 ESLint 狼 StyleLint 狼 その麿 8.3.x から8.4.x でのインスト`ルパッケ`ジ方の篁 5 ★ 17 光ツ`ルでインスト`ルされるプラグインがえている
- 6. package.json のBabel O協 "presets": [ [ "env", { "modules": false, "targets": { "browsers": [ "ie >= 9", "edge >= 13", "firefox >= 5", "opera >= 12", "safari >= 5", "chrome >= 56" ] } } ] ]
- 7. ┣凌治 Drupal 8.3.x のpackage.json "presets": [ "es2015" ] Drupal 8.4.x での筝 presets の筝 babel?preset?es2015 ★ babel?preset?env babel?core のバ`ジョン 6.17.0 ★ 6.24.1
- 8. まとめ Drupal のフロントエンド_kが書Lに除づいている Node.js h廠の駅晒 yarn への弖 CSS もstylelint でチェック