Для добавления символа слеша "/" в начало атрибута src во время сборки с использованием Webpack, вам потребуется настроить свою конфигурацию загрузчика.
Во-первых, убедитесь, что у вас установлен установлен и настроен загрузчик для обработки файлов JavaScript или TypeScript, например, babel-loader или ts-loader, в зависимости от вашего используемого языка.
Затем, добавьте следующий код в настройки вашего загрузчика в файле webpack.config.js:
module.exports = { //... module: { rules: [ { test: /.(js|ts)$/, // Регулярное выражение для файлов JavaScript или TypeScript use: { loader: 'имя_вашего_загрузчика', // Имя вашего загрузчика options: { // Другие опции вашего загрузчика // ... transform(src, path) { // Добавляем символ слеша в начало атрибута src return src.replace(/(src=["'])([^'"]+)(["'])/g, "$1/$2$3"); } } } } ] } };
В этом коде мы определяем функцию transform, которая принимает исходный код JavaScript или TypeScript и путь к файлу, и выполняет замену на символ слеша в начале атрибута src.
Этот код будет работать с любым загрузчиком, который позволяет настраивать трансформацию исходного кода. Например, для babel-loader вы можете использовать опцию customize:
module.exports = { //... module: { rules: [ { test: /.(js|ts)$/, // Регулярное выражение для файлов JavaScript или TypeScript use: { loader: 'babel-loader', // Имя вашего загрузчика options: { // Другие опции вашего загрузчика // ... customize: require.resolve( 'babel-preset-react-app/webpack-overrides' ), transform(src, path) { // Добавляем символ слеша в начало атрибута src return src.replace(/(src=["'])([^'"]+)(["'])/g, "$1/$2$3"); } } } } ] } };
Обратите внимание, что код выше предполагает, что в ваших исходных файлах JavaScript или TypeScript атрибут src объявляется в кавычках или одиночных кавычках, и что нет вложенных кавычек внутри значения атрибута src. Если в вашем коде есть какие-либо другие варианты синтаксиса, вам может потребоваться адаптировать регулярное выражение в функции transform.