View file File name : webpack.dashboard.config.js Content :const path = require( 'path' ); const jetpackWebpackConfig = require( '@automattic/jetpack-webpack-config/webpack' ); module.exports = { mode: jetpackWebpackConfig.mode, devtool: jetpackWebpackConfig.devtool, entry: { 'jp-wordads-dashboard': path.join( __dirname, '../src/dashboard/index.jsx' ), }, output: { ...jetpackWebpackConfig.output, path: path.join( __dirname, '../build/dashboard' ), }, optimization: { ...jetpackWebpackConfig.optimization, splitChunks: { cacheGroups: { vendors: false, }, }, }, resolve: { ...jetpackWebpackConfig.resolve, alias: { ...jetpackWebpackConfig.resolve.alias, fs: false, }, modules: [ path.resolve( __dirname, '../src/dashboard' ), 'node_modules', path.resolve( __dirname, '../node_modules' ), // for core-js ], }, plugins: [ ...jetpackWebpackConfig.StandardPlugins( { DependencyExtractionPlugin: { injectPolyfill: true, }, } ), ], externals: { jetpackConfig: JSON.stringify( { consumer_slug: 'jetpack-wordads-package', } ), }, module: { strictExportPresence: true, rules: [ // Transpile JavaScript jetpackWebpackConfig.TranspileRule( { exclude: /node_modules\//, } ), // Transpile @automattic/jetpack-* in node_modules too. jetpackWebpackConfig.TranspileRule( { includeNodeModules: [ '@automattic/jetpack-' ], } ), // Handle CSS. jetpackWebpackConfig.CssRule( { extensions: [ 'css', 'sass', 'scss' ], extraLoaders: [ 'sass-loader' ], } ), // Handle images. jetpackWebpackConfig.FileRule(), ], }, };