Fix typos in Webpack config and Makefile

Makefile

@@ -186,6 +186,7 @@ watch-plugin: modd-precheck ## Run and upload the plugin to a development server
 live-watch-plugin: modd-precheck ## Run and update locally the plugin in the development server
 	cd mattermost-plugin; make live-watch
 
+.PHONY: watch-product
 watch-product: ## Run the product as something the Mattermost web app will watch for
 	cd mattermost-plugin; make watch-product
 

mattermost-plugin/Makefile

@@ -175,7 +175,7 @@ endif
 deploy-from-watch: bundle
 	./build/bin/pluginctl deploy $(PLUGIN_ID) dist/$(BUNDLE_NAME)
 
-.PHONE: watch-product
+.PHONY: watch-product
 watch-product: apply
 	cd webapp && npm run start:product
 

mattermost-plugin/webapp/webpack.config.js

@@ -128,6 +128,7 @@ const config = {
 };
 
 if (TARGET_IS_PRODUCT) {
+    // Set up module federation
     function makeSingletonSharedModules(packageNames) {
         const sharedObject = {};
 
@@ -173,7 +174,16 @@ if (TARGET_IS_PRODUCT) {
 } else {
     config.resolve.alias['react-intl'] = path.resolve(__dirname, '../../webapp/node_modules/react-intl/');
 
-    config.outputs = {
+    config.externals = {
+        react: 'React',
+        redux: 'Redux',
+        'react-redux': 'ReactRedux',
+        'mm-react-router-dom': 'ReactRouterDom',
+        'prop-types': 'PropTypes',
+        'react-bootstrap': 'ReactBootstrap',
+    };
+
+    config.output = {
         devtoolNamespace: PLUGIN_ID,
         path: path.join(__dirname, '/dist'),
         publicPath: '/',