Add config variables for dev host, path, and output path

Author: zackify

README.md

@@ -87,6 +87,15 @@ Add a `gutenblock.config.js` file in your blocks folder. It looks like this:
 const path = require('path');
 
 module.exports = webpack => ({
+  //customize gutenblock options if needed
+  gutenblock: {
+    devHost: 'localhost',
+    devPort: 8080,
+    //build asset output path relative to the plugin directory
+    outputPath: '/test',
+    //when building the plugin, gutenblock will default to the folder name inside wp-content, if you have a different wp-content folder you can change it here
+    publicPath: `/app/plugins/blocks/test/`,
+  },
   resolve: {
     alias: {
       shared: path.resolve(__dirname, '../src/shared'),

cli/build/index.js

@@ -17,9 +17,8 @@ module.exports = () => {
   console.log('Building...');
 
   webpack(customConfig, (err, stats) => {
-    if (err || stats.hasErrors()) {
-      console.error(err);
-    }
+    if (err) console.error(err);
+
     console.log('Done!');
   });
 };

config/base.webpack.js

@@ -20,6 +20,10 @@ module.exports = ({
     delete customConfig.babelOptions;
   }
 
+  let gutenblock = customConfig.gutenblock;
+  delete customConfig.gutenblock;
+  port = gutenblock.devPort || port;
+
   //merge custom rules
   let module = {
     rules: [
@@ -63,14 +67,15 @@ module.exports = ({
     output: {
       chunkFilename: '[name].chunk.js',
       filename: '[name].js',
-      path: process.cwd() + '/build',
+      path: process.cwd() + (gutenblock.outputPath || '/build'),
       publicPath: production
-        ? `/wp-content/plugins/${pluginFolderName}/build/`
+        ? gutenblock.publicPath ||
+          `/wp-content/plugins/${pluginFolderName}/build/`
         : `http://localhost:${port}/`,
     },
     serve: {
       port,
-      host: '0.0.0.0',
+      host: gutenblock.devHost || '0.0.0.0',
       add: (app, middleware) => {
         app.use((ctx, next) => {
           ctx.set('Access-Control-Allow-Origin', '*');