Copy assets from resources using webpack copy plugin

Author: joshuatf

.gitignore

@@ -5,7 +5,7 @@ node_modules
 composer.lock
 yarn-error.log
 modules/ppcp-button/assets/*
-modules/ppcp-onboarding/assets/js/*
+modules/ppcp-onboarding/assets/*
 modules/ppcp-wc-gateway/assets/*
 .idea/
 *.zip

modules/ppcp-onboarding/package.json

@@ -20,7 +20,8 @@
 	"devDependencies": {
 		"@wordpress/scripts": "^12.2.1",
 		"@woocommerce/eslint-plugin": "1.1.0",
-		"@woocommerce/dependency-extraction-webpack-plugin": "1.5.0"
+		"@woocommerce/dependency-extraction-webpack-plugin": "1.5.0",
+		"copy-webpack-plugin": "5.1.2"
 	},
 	"dependencies": {
 		"@woocommerce/components": "^6.1.2",

modules/ppcp-onboarding/assets/css/onboarding.css renamed to modules/ppcp-onboarding/resources/css/onboarding.css

@@ -1,15 +1,14 @@
 const path = require( 'path' );
+const CopyPlugin = require( 'copy-webpack-plugin' );
 const defaultConfig = require( '@wordpress/scripts/config/webpack.config' );
 const WooCommerceDependencyExtractionWebpackPlugin = require( '@woocommerce/dependency-extraction-webpack-plugin' );
 
 module.exports = {
 	...defaultConfig,
 	entry: {
-		onboarding: path.resolve( './resources/js/onboarding.js' ),
 		'task-list-fill': path.resolve(
 			'./resources/js/task-list/task-list-fill.js'
 		),
-		settings: path.resolve( './resources/js/settings.js' ),
 	},
 	output: {
 		path: path.resolve( __dirname, 'assets/js/' ),
@@ -21,5 +20,16 @@ module.exports = {
 				plugin.constructor.name !== 'DependencyExtractionWebpackPlugin'
 		),
 		new WooCommerceDependencyExtractionWebpackPlugin(),
+		new CopyPlugin( [
+			{
+				from: path.resolve( './resources/js' ),
+				to: path.resolve( __dirname, 'assets/js' ),
+				ignore: [ 'task-list/**/*' ],
+			},
+			{
+				from: path.resolve( './resources/css' ),
+				to: path.resolve( __dirname, 'assets/css' ),
+			},
+		] ),
 	],
 };