feat: Process script only asset

Co-authored-by: Atipat Pankong <[email protected]>

src/index.ts

@@ -13,6 +13,8 @@ export class DefineAfterBundleWebpackPlugin {
 
 			compilation.hooks.processAssets.tap(DefineAfterBundleWebpackPlugin.name, assets => {
 				for (const index in assets) {
+					if (!/\.(js|jsx|ts|tsx)$/i.test(index)) continue
+
 					const asset = compilation.getAsset(index)
 					const source = asset.source
 

test/index.js

@@ -1 +1,3 @@
-console.log(process.env.TEST)
+const image = require('./image.png')
+
+console.log(process.env.TEST)

test/test-bundle.js

@@ -3,20 +3,34 @@ const path = require('path')
 
 const rootPath = process.cwd()
 const buildScriptPath = path.join('build', 'index.js')
+const buildImagePath = path.join('build', 'media/image.png')
+
 const testPath = path.join(rootPath, 'test')
 const outputScriptPath = path.join(testPath, buildScriptPath)
 const sourceMapPath = `${outputScriptPath}.map`
 
+const inputImagePath = 'test/image.png'
+
+const outputImagePath = path.join(testPath, buildImagePath)
+
 const outputText = fs.readFileSync(outputScriptPath).toString()
 
+const inputImageText = fs.readFileSync(inputImagePath).toString()
+
+const outputImageText = fs.readFileSync(outputImagePath).toString()
+
+if (inputImageText !== outputImageText) {
+	throw new Error('Generated asset is incorrect')
+}
+
 if (!outputText.includes('"New Value"')) {
-    throw new Error('No replacement found in build')
+	throw new Error('No replacement found in build')
 }
 
 const sourceMapText = fs.readFileSync(sourceMapPath).toString()
 
 if (!sourceMapText.includes('console.log(process.env.TEST)')) {
-    throw new Error('Generated Sourcemap is incorrect')
+	throw new Error('Generated Sourcemap is incorrect')
 }
 
-console.log('This plugin is fine to be used.')
+console.log('This plugin is fine to be used.')

test/webpack.config.js

@@ -2,17 +2,28 @@ const path = require('path')
 const { DefineAfterBundleWebpackPlugin } = require('../build')
 
 module.exports = {
-    entry: path.resolve(__dirname, 'index.js'),
-    output: {
-        filename: 'index.js',
-        path: path.resolve(__dirname, 'build')
-    },
-    plugins: [
-        new DefineAfterBundleWebpackPlugin({
-            'process.env.TEST': JSON.stringify('New Value'),
-        }),
-    ],
-    target: 'node',
-    mode: 'production',
-    devtool: 'source-map',
-}
+	entry: path.resolve(__dirname, 'index.js'),
+	output: {
+		filename: 'index.js',
+		path: path.resolve(__dirname, 'build'),
+	},
+	plugins: [
+		new DefineAfterBundleWebpackPlugin({
+			'process.env.TEST': JSON.stringify('New Value'),
+		}),
+	],
+	module: {
+		rules: [
+			{
+				test: /\.png$/,
+				type: 'asset/resource',
+				generator: {
+					filename: 'media/[name][ext]',
+				},
+			},
+		],
+	},
+	target: 'node',
+	mode: 'production',
+	devtool: 'source-map',
+}