Fix: The build script [ED-14943] (#409)

Author: KingYes

.buildignore

@@ -0,0 +1,26 @@
+*.zip
+karma.conf.js
+assets/dev/
+assets/scss/
+assets/js/qunit-tests*
+bin/
+build/
+composer.json
+composer.lock
+Gruntfile.js
+node_modules/
+npm-debug.log
+package-lock.json
+package.json
+phpcs.xml
+README.md
+webpack.config.js
+vendor/
+
+.github/
+.buildignore
+.editorconfig
+.gitignore
+.browserslistrc
+.eslintignore
+.eslintrc.js

Gruntfile.js

@@ -21,7 +21,7 @@ module.exports = function( grunt ) {
 					expand: true,
 					cwd: 'assets/scss',
 					src: '*.scss',
-					dest: './build',
+					dest: './',
 					ext: '.css',
 				} ] : [ {
 					expand: true,
@@ -62,8 +62,8 @@ module.exports = function( grunt ) {
 				files: [ {
 					expand: true,
 					src: 'production' === grunt.option( 'environment' ) ? [
-						'build/*.css',
-						'!build/*.min.css',
+						'*.css',
+						'!*.min.css',
 					] : [
 						'*.css',
 						'!*.min.css',

package.json

@@ -11,7 +11,7 @@
         "build:dev": "concurrently \"grunt default\" \"webpack --env=development\"",
         "build:dev:watch": "concurrently \"grunt default watch\" \"webpack --env=developmentLocal\"",
         "clean:build": "rimraf build && rimraf hello-elementor",
-        "zip": "npm run clean:build && npm run build:prod && mv build hello-elementor && zip -r hello-elementor.$npm_package_version.zip hello-elementor/*",
+        "zip": "npm run clean:build && npm run build:prod && rsync -av --exclude-from=.buildignore . hello-elementor && zip -r hello-elementor.$npm_package_version.zip hello-elementor/*",
         "lint:js": "eslint ."
     },
     "devDependencies": {
@@ -28,7 +28,6 @@
         "babel-eslint": "^8.2.6",
         "babel-loader": "8.0.0",
         "concurrently": "^6.2.0",
-        "copy-webpack-plugin": "^9.0.0",
         "cssnano": "4.1.11",
         "eslint": "8.36.0",
         "eslint-config-wordpress": "^2.0.0",

webpack.config.js

@@ -6,7 +6,6 @@
 const path = require( 'path' );
 const defaultConfig = require( '@wordpress/scripts/config/webpack.config' );
 
-const CopyPlugin = require( 'copy-webpack-plugin' );
 const TerserPlugin = require( 'terser-webpack-plugin' );
 
 const entry = {
@@ -15,43 +14,6 @@ const entry = {
 	'hello-admin': path.resolve( __dirname, './assets/dev/js/admin/hello-admin.js' ),
 };
 
-const copyPluginConfig = new CopyPlugin( {
-	patterns: [
-		{
-			from: '**/*',
-			context: __dirname,
-			to: path.resolve( __dirname, 'build' ),
-			// Terser skip this file for minimization
-			info: { minimized: true },
-			globOptions: {
-				ignore: [
-					// ignore minified php files
-					...Object.keys( entry ).map( ( key ) => `**/assets/js/${ key }.min.asset.php` ),
-					'**.zip',
-					'**.css',
-					'**/karma.conf.js',
-					'**/assets/dev/**',
-					'**/assets/scss/**',
-					'**/assets/js/qunit-tests*',
-					'**/bin/**',
-					'**/build/**',
-					'**/composer.json',
-					'**/composer.lock',
-					'**/Gruntfile.js',
-					'**/node_modules/**',
-					'**/npm-debug.log',
-					'**/package-lock.json',
-					'**/package.json',
-					'**/phpcs.xml',
-					'**/README.md',
-					'**/webpack.config.js',
-					'**/vendor/**',
-				],
-			},
-		},
-	],
-} );
-
 const moduleRules = {
 	rules: [
 		...defaultConfig.module.rules,
@@ -125,13 +87,7 @@ Object.entries( webpackProductionConfig.entry ).forEach( ( [ wpEntry, value ] )
 	webpackProductionConfig.entry[ wpEntry + '.min' ] = value;
 } );
 
-// Override copyPluginConfig
-// we first remove the one supplied by @wordpress/scripts
-webpackProductionConfig.plugins = webpackProductionConfig.plugins.filter( ( plugin ) => {
-	return plugin.constructor.name !== 'CopyPlugin';
-} );
-// then we add our own
-webpackProductionConfig.plugins = [ copyPluginConfig, ...defaultConfig.plugins ];
+webpackProductionConfig.plugins = defaultConfig.plugins;
 
 module.exports = ( env ) => {
 	if ( env.developmentLocal ) {