Конфигурация Webpack с React

Question

Я создаю приложение React, я использовал npm eject, чтобы получить конфигурацию Webpack. Я хочу изменить пути к активам, чтобы у них не было косой черты. Это связано с тем, что когда я запускаю свое приложение, я копирую файлы на сервер Ratpack, поэтому, когда путь - /assets/js/main.js, он указывает на мой маршрут, а не на мою папку с ресурсами.

Так что мой текущий WebPack конфигурации является

output: { 
    // The build folder. 
    path: paths.appBuild, 
    // Generated JS file names (with nested folders). 
    // There will be one main bundle, and one file per asynchronous chunk. 
    // We don't currently advertise code splitting but Webpack supports it. 
    filename: 'assets/static/js/[name].[chunkhash:8].js', 
    chunkFilename: 'assets/static/js/[name].[chunkhash:8].chunk.js', 
    // We inferred the "public path" (such as/or /my-project) from homepage. 
    publicPath: publicPath 
    }, 

Однако он всегда добавляет на слэш.

Как так

<script type="text/javascript" src="/assets/static/js/main.4d5cbecd.js"> 

Есть ли способ, чтобы иметь его, чтобы он строит как

<script type="text/javascript" src="assets/static/js/main.4d5cbecd.js"> 

Answer 1

Предполагая, что вы говорите о конфигурации create-react-app «ы, вы можете удалить строку publicPath: publicPath, и будет генерировать его без косой черты.

Однако, я думаю, что ваш сервер также должен обслуживать файлы, когда они запрашиваются специально, вместо перенаправления на индексную страницу. Если это то, что происходит.

Другой совет для производства, используйте сборку производства вместо разработки.