Changeset 8524

Timestamp:

03/25/2019 09:44:31 PM (6 years ago)

Author:

iandunn

Message:

WordCamp Blocks: Add debug script with source maps.

Location:

sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks

Files:

• package.json (modified) (1 diff)
• readme.md (modified) (1 diff)
• webpack.config.js (modified) (3 diffs)

sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/package.json

@@ -44 +44 @@
     "scripts": {
         "start": "cross-env BABEL_ENV=development NODE_ENV=development webpack --watch",
+        "debug": "cross-env BABEL_ENV=development NODE_ENV=development SOURCE_MAPS=1 webpack --watch",
         "build": "cross-env BABEL_ENV=production NODE_ENV=production webpack",
         "lint:js": "wp-scripts lint-js ."

sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/readme.md

@@ -11 +11 @@
 1. `cd` into the project directory.
 2. Run `npm run build` to initialize the build files.
-3. Run `npm start`  while developing to continuously watch the files.
+3. Run `npm start`  while developing to continuously watch the files. Alternatively, you can also run `npm run debug` to enable source maps.

sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/webpack.config.js

@@ -4 +4 @@
 
 const NODE_ENV = process.env.NODE_ENV || 'development';
+const SOURCE_MAPS = process.env.SOURCE_MAPS ? true : false;
+
 
 const externals = {
@@ -12 +14 @@
 
 const webpackConfig = {
+    // Must be 'none', 'production', or 'development'.
     mode: NODE_ENV === 'production' ? 'production' : 'development',
 
@@ -18 +21 @@
     },
 
-    devtool: 'production' === NODE_ENV ? 'none' : 'cheap-module-eval-source-map',
+    // Disabled by default because they make the re-build process take longer.
+    devtool: SOURCE_MAPS ? 'cheap-module-eval-source-map' : 'none',
 
     entry: {