Call webpack during preact's build.

Author: MrCoder

package.json

@@ -6,10 +6,10 @@
 	"scripts": {
 		"webpack": "webpack",
 		"start": "if-env NODE_ENV=production && npm run -s serve || npm run -s dev",
-		"build": "npm run webpack && preact build --clean --template src/index.html --no-prerender --service-worker false",
+		"build": "preact build --clean --template src/index.html --no-prerender --service-worker false",
 		"release": "gulp release",
 		"serve": "npm run release && preact serve --dir app",
-		"dev": "npm run webpack && preact watch --template src/index.html --no-prerender",
+		"dev": "preact watch --template src/index.html --no-prerender",
 		"lint": "eslint src",
 		"test": "jest ./",
 		"update-core": "yarn unlink vue-sequence sequence-parser && yarn add vue-sequence sequence-parser",
@@ -40,6 +40,7 @@
 	"devDependencies": {
 		"babel-eslint": "^7.2.3",
 		"babel-minify": "^0.2.0",
+		"before-build-webpack": "^0.2.9",
 		"chrome-webstore-upload-cli": "^1.2.0",
 		"clean-webpack-plugin": "^3.0.0",
 		"css-loader": "^0.28.11",
@@ -71,7 +72,8 @@
 		"style-loader": "^0.20.3",
 		"svg-url-loader": "^5.0.0",
 		"sw-precache": "^5.2.0",
-		"webpack": "3.12.0"
+		"webpack": "3.12.0",
+		"webpack-watch-files-plugin": "^1.0.3"
 	},
 	"dependencies": {
 		"@emmetio/codemirror-plugin": "^0.5.4",

preact.config.js

@@ -1,9 +1,11 @@
-import CopyWebpackPlugin from 'copy-webpack-plugin';
-var CommonsChunkPlugin = require('webpack/lib/optimize/CommonsChunkPlugin');
 const webpack = require('webpack');
-const path = require('path')
-const GitRevisionPlugin = require('git-revision-webpack-plugin')
+const path = require('path');
+const GitRevisionPlugin = require('git-revision-webpack-plugin');
+var WebpackBeforeBuildPlugin = require('before-build-webpack');
+import WatchExternalFilesPlugin from 'webpack-watch-files-plugin'
+
 const fsUtil = require('./fs-util');
+const spawn = require('child_process').spawn;
 
 /**
  * Function that mutates original webpack config.
@@ -14,6 +16,18 @@ const fsUtil = require('./fs-util');
  * @param {WebpackConfigHelpers} helpers - object with useful helpers when working with config.
  **/
 export default function(config, env, helpers) {
+	config.plugins.push(new WatchExternalFilesPlugin({
+		files: [
+			'./main.js'
+		]
+	}));
+	config.plugins.push(new WebpackBeforeBuildPlugin(function (stats, callback) {
+		const child = spawn('yarn', ['webpack']);
+		child.stdout.on('data', data => process.stdout.write(data));
+		child.stderr.on('data', data => process.stderr.write(data));
+		child.on('close', code => process.stdout.write(`yarn webpack exists with code ${code}`));
+		callback();
+	}));
 	const htmlWebpackPlugin = helpers.getPluginsByName(
 		config,
 		'HtmlWebpackPlugin'

yarn.lock

@@ -3631,6 +3631,11 @@ beeper@^1.0.0:
   resolved "https://registry.yarnpkg.com/beeper/-/beeper-1.1.1.tgz#e6d5ea8c5dad001304a70b22638447f69cb2f809"
   integrity sha1-5tXqjF2tABMEpwsiY4RH9pyy+Ak=
 
+before-build-webpack@^0.2.9:
+  version "0.2.9"
+  resolved "https://registry.yarnpkg.com/before-build-webpack/-/before-build-webpack-0.2.9.tgz#5929bfdeee5b1b609e2890839313cc41f5a8e026"
+  integrity sha512-zhRNAqPATAx0ojj/0LaKyQRjU/6tTMw5JEu2XGYKCzg94istvI1Mk7nOMH2+8cDXLPCgEugBVjGa/YEG0kvHcA==
+
 big-integer@^1.6.17:
   version "1.6.48"
   resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.48.tgz#8fd88bd1632cba4a1c8c3e3d7159f08bb95b4b9e"
@@ -16274,6 +16279,14 @@ webpack-sources@^1.0.1:
     source-list-map "^2.0.0"
     source-map "~0.6.1"
 
+webpack-watch-files-plugin@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/webpack-watch-files-plugin/-/webpack-watch-files-plugin-1.0.3.tgz#11e5ceead6e55f59a2a08ce567d58990b6186b9f"
+  integrity sha512-K5Y6FM9R01QkjWfwSNwfKqkP7MV6n/XZlzNCoAcTxd0Kdv2zhXc/asGWPwy+f+eBtSE0+TX4UJBLLQmxX360uA==
+  dependencies:
+    glob "^7.1.3"
+    lodash "^4.17.11"
+
 [email protected], webpack@^3.7.0:
   version "3.12.0"
   resolved "https://registry.yarnpkg.com/webpack/-/webpack-3.12.0.tgz#3f9e34360370602fcf639e97939db486f4ec0d74"