advanced-ads
Last commit date
admin
1 day ago
assets
1 day ago
classes
1 day ago
deprecated
1 week ago
docs
1 day ago
graphify-out
1 day ago
includes
1 day ago
languages
1 day ago
modules
1 day ago
packages
1 day ago
public
1 day ago
src
1 day ago
upgrades
1 day ago
views
1 day ago
CLAUDE.md
1 month ago
LICENSE.txt
12 years ago
advanced-ads.php
1 day ago
dev.config.example.json
1 day ago
index.php
2 years ago
playwright.config.ts
1 day ago
postcss.config.js
8 months ago
readme.txt
1 day ago
webpack.config.js
1 day ago
wpml-config.xml
3 months ago
webpack.config.js
153 lines
| 1 | /** |
| 2 | * External Dependencies |
| 3 | */ |
| 4 | const path = require( 'node:path' ); |
| 5 | const defaultConfig = require( '@wordpress/scripts/config/webpack.config' ); |
| 6 | const { getWebpackEntryPoints } = require( '@wordpress/scripts/utils/config' ); |
| 7 | |
| 8 | const isProduction = process.env.NODE_ENV === 'production'; |
| 9 | |
| 10 | if ( ! isProduction ) { |
| 11 | defaultConfig.devServer.allowedHosts = 'all'; |
| 12 | } |
| 13 | |
| 14 | const basePath = path.resolve( __dirname, 'src' ); |
| 15 | |
| 16 | module.exports = { |
| 17 | ...defaultConfig, |
| 18 | module: { |
| 19 | ...defaultConfig.module, |
| 20 | rules: [ |
| 21 | ...defaultConfig.module.rules.map( ( rule ) => { |
| 22 | // Check if this rule handles CSS files |
| 23 | if ( rule.test?.test?.( '.css' ) ) { |
| 24 | return { |
| 25 | ...rule, |
| 26 | use: Array.isArray( rule.use ) |
| 27 | ? rule.use.map( ( useEntry ) => { |
| 28 | // Handle both string and object loader formats |
| 29 | const loaderName = |
| 30 | typeof useEntry === 'string' |
| 31 | ? useEntry |
| 32 | : useEntry.loader; |
| 33 | |
| 34 | // Only modify css-loader, not postcss-loader |
| 35 | if ( |
| 36 | loaderName?.includes( 'css-loader' ) && |
| 37 | ! loaderName?.includes( 'postcss' ) |
| 38 | ) { |
| 39 | return { |
| 40 | loader: loaderName, |
| 41 | options: { |
| 42 | ...( typeof useEntry === |
| 43 | 'object' |
| 44 | ? useEntry.options |
| 45 | : {} ), |
| 46 | url: false, // Disable all URL processing |
| 47 | }, |
| 48 | }; |
| 49 | } |
| 50 | return useEntry; |
| 51 | } ) |
| 52 | : rule.use, |
| 53 | }; |
| 54 | } |
| 55 | |
| 56 | if ( rule.test?.toString().includes( 'svg' ) ) { |
| 57 | return { ...rule, exclude: /\.svg$/i }; |
| 58 | } |
| 59 | |
| 60 | return rule; |
| 61 | } ), |
| 62 | { |
| 63 | test: /\.svg$/i, |
| 64 | use: [ '@svgr/webpack' ], |
| 65 | }, |
| 66 | ], |
| 67 | }, |
| 68 | externals: { |
| 69 | ...defaultConfig.externals, |
| 70 | |
| 71 | // Global. |
| 72 | window: 'window', |
| 73 | jquery: 'jQuery', |
| 74 | lodash: 'lodash', |
| 75 | moment: 'moment', |
| 76 | |
| 77 | // Advanced Ads. |
| 78 | '@advancedAds': 'advancedAds', |
| 79 | '@advancedAds/i18n': 'advancedAds.i18n', |
| 80 | '@advancedAds/utils': 'advancedAds.utils', |
| 81 | |
| 82 | // WordPress. |
| 83 | '@wordpress/dom-ready': 'wp.domReady', |
| 84 | '@wordpress/hooks': 'wp.hooks', |
| 85 | '@wordpress/commands': 'wp.commands', |
| 86 | '@wordpress/i18n': 'wp.i18n', |
| 87 | '@wordpress/url': 'wp.url', |
| 88 | '@wordpress/data': 'wp.data', |
| 89 | '@wordpress/core-data': 'wp.coreData', |
| 90 | '@wordpress/element': 'wp.element', |
| 91 | '@wordpress/plugins': 'wp.plugins', |
| 92 | }, |
| 93 | resolve: { |
| 94 | ...defaultConfig.resolve, |
| 95 | alias: { |
| 96 | ...defaultConfig.resolve.alias, |
| 97 | '@assets': path.join( __dirname, 'assets' ), |
| 98 | '@admin': path.join( basePath, 'admin' ), |
| 99 | '@components': path.join( __dirname, 'assets/src/components' ), |
| 100 | '@utilities': path.join( __dirname, 'assets/src/utilities' ), |
| 101 | }, |
| 102 | }, |
| 103 | entry: { |
| 104 | ...getWebpackEntryPoints(), |
| 105 | // Backend. |
| 106 | app: path.join( basePath, 'admin/main.js' ), |
| 107 | 'admin-common': path.join( basePath, 'admin/common/common.js' ), |
| 108 | 'screen-dashboard': path.join( |
| 109 | basePath, |
| 110 | 'admin/screen-dashboard/index.js' |
| 111 | ), |
| 112 | 'screen-ads-listing': path.join( |
| 113 | basePath, |
| 114 | 'admin/screen-ads/listing.js' |
| 115 | ), |
| 116 | 'screen-ads-editing': path.join( |
| 117 | basePath, |
| 118 | 'admin/screen-ads/editing.js' |
| 119 | ), |
| 120 | 'screen-groups-listing': path.join( |
| 121 | basePath, |
| 122 | 'admin/screen-groups/listing.js' |
| 123 | ), |
| 124 | 'screen-placements-listing': path.join( |
| 125 | basePath, |
| 126 | 'admin/screen-placements/listing.js' |
| 127 | ), |
| 128 | 'screen-settings': path.join( |
| 129 | basePath, |
| 130 | 'admin/screen-settings/index.js' |
| 131 | ), |
| 132 | 'screen-tools': path.join( basePath, 'admin/screen-tools/tools.js' ), |
| 133 | 'wp-dashboard': path.join( basePath, 'admin/wp-dashboard/index.js' ), |
| 134 | notifications: path.join( |
| 135 | basePath, |
| 136 | 'admin/notifications/notifications.js' |
| 137 | ), |
| 138 | 'post-quick-edit': path.join( |
| 139 | basePath, |
| 140 | 'admin/post-quick-edit/listing.js' |
| 141 | ), |
| 142 | commands: path.join( basePath, 'admin/commands/commands.js' ), |
| 143 | |
| 144 | // Frontend. |
| 145 | advanced: path.join( basePath, 'public/advanced.js' ), |
| 146 | 'frontend-picker': path.join( basePath, 'public/frontend-picker.js' ), |
| 147 | }, |
| 148 | output: { |
| 149 | filename: '[name].js', // Dynamically generate output file names |
| 150 | path: path.resolve( __dirname, 'assets/dist' ), |
| 151 | }, |
| 152 | }; |
| 153 |