Changeset 12573 for trunk/package.json

Timestamp:

03/25/2020 05:41:47 AM (6 years ago)

Author:

imath

Message:

Add node modules to have tools to compile & bundle modern JavaScript

1. Add Parcel and Babel

Parcel is a web application bundler used to watch and build BP Blocks and BP Block components. It is associated with Babel, a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments.

2. Add the default Babel preset for WordPress development.

3. Remove our development dependency to grunt-wp-i18n as we will use from now on WP CLI to generate a pot file that is also taking in account JavaScript i18n strings.

4. Add the needed Parcel commands to prepare BP Blocks compiling tasks.

5. Update Grunt.js to latest stable.

NB: contributors, please use npm install to update your node modules locally.

See #8048
See #8154

File:

• trunk/package.json (modified) (4 diffs)

trunk/package.json

@@ -6 +6 @@
     "description": "BuddyPress adds community features to WordPress. Member Profiles, Activity Streams, Direct Messaging, Notifications, and more!",
     "devDependencies": {
+        "@babel/core": "~7.8.7",
+        "@wordpress/babel-preset-default": "~4.10.0",
         "@wordpress/browserslist-config": "~2.1.4",
         "autoprefixer": "~8.5.2",
-        "grunt": "~1.0.3",
+        "grunt": "~1.1.0",
         "grunt-check-dependencies": "~1.0.0",
         "grunt-checktextdomain": "~1.0.1",
@@ -27 +29 @@
         "grunt-sass": "~2.0.0",
         "grunt-stylelint": "~0.8.0",
-        "grunt-wp-i18n": "~1.0.2",
         "matchdep": "~1.0.1",
+        "parcel-bundler": "~1.12.4",
         "postcss-scss": "~1.0.6",
         "stylelint": "~7.10.1",
@@ -35 +37 @@
     "engines": {
         "node": ">=6.9.1"
+    },
+    "scripts": {
+        "start": "npm run dev:components && parcel watch src/js/bp-*/*s/blocks/*.js --out-dir src --no-source-maps",
+        "dev": "npm run dev:components && parcel build src/js/bp-*/*s/blocks/*.js --out-dir src --no-source-maps --no-minify",
+        "build": "npm run build:components && parcel build src/js/bp-*/*s/blocks/*.js --out-dir build --no-source-maps",
+        "watch:components": "parcel watch src/js/bp-core/js/block-components/block-components.js --out-dir src/bp-core/js --out-file block-components.js --no-source-maps --global bp",
+        "dev:components": "parcel build src/js/bp-core/js/block-components/block-components.js --out-dir src/bp-core/js --out-file block-components.js --no-source-maps --no-minify --global bp",
+        "build:components": "parcel build src/js/bp-core/js/block-components/block-components.js --out-dir build/bp-core/js --out-file block-components.js --no-source-maps --global bp"
     },
     "keywords": [
@@ -54 +64 @@
     },
     "version": "6.0.0-alpha",
-    "dependencies": {},
     "browserslist": [
         "extends @wordpress/browserslist-config"