Ensure frontend script assets are registered with the right suffix for the environment. (#1157)

* ensure registered frontend scripts use correct suffix for environment

* update how suffix is added to frontend builds!

Author: nerrad

bin/webpack-helpers.js

@@ -279,7 +279,7 @@ const getFrontConfig = ( options = {} ) => {
 		entry: getEntryConfig( false, options.exclude || [] ),
 		output: {
 			path: path.resolve( __dirname, '../build/' ),
-			filename: `[name]${ fileSuffix }-frontend.js`,
+			filename: `[name]-frontend${ fileSuffix }.js`,
 			// This fixes an issue with multiple webpack projects using chunking
 			// overwriting each other's chunk loader function.
 			// See https://webpack.js.org/configuration/output/#outputjsonpfunction

src/Assets.php

@@ -165,8 +165,7 @@ protected static function register_script( $handle, $src, $deps = [], $has_i18n
 	 * @param string $name Name of the script used to identify the file inside build folder.
 	 */
 	public static function register_block_script( $name ) {
-		$filename = 'build/' . $name . '.js';
-		self::register_script( 'wc-' . $name, plugins_url( $filename, __DIR__ ) );
+		self::register_script( 'wc-' . $name, plugins_url( self::get_block_asset_build_path( $name ), __DIR__ ) );
 		wp_enqueue_script( 'wc-' . $name );
 	}