почему __webpack_public_path__ не выбирается - PullRequest
Новая
       14

почему __webpack_public_path__ не выбирается

0 голосов
/ 03 октября 2018

Итак, я использую CRA [create-реагировать-приложение] и не хочу, чтобы извлечь.В настоящее время я делаю чанки или создаю чанки без проблем, используя библиотеку react-loadable.

Теперь я хочу загрузить свои чанки с другого сервера, так как основной файл javascript будет в другом месте, чемвеб сервер.Поэтому при выполнении запросов к своим чанкам он должен будет загружать их с 'http://my -static-server.com '.По умолчанию чанки загружаются из того же каталога, в котором находится основной.

Я обыскал все вокруг и нашел некоторые решения, однако они не работают для меня.Это официальная документация о том, как это сделать:

https://webpack.js.org/guides/public-path/#on-the-fly

Я также посмотрел здесь:

https://github.com/webpack/webpack/issues/7077

Что такжене работает для меня.

Не желая извлекать, я собираюсь встроить решение: 

__webpack_public_path__ = process.env.ASSET_PATH;

положить его в точке входа должно быть достаточно ... верно?

Мой код: 

import './src/containers/async/build';
import React from 'react'
import {render} from 'react-dom'
import {Provider} from 'react-redux'
import store from './store'
import App from './containers/app'

import './index.css'

const target = document.querySelector('#root');

render(
    <Provider store={store}>
        <React.Fragment>
            <App/>
        </React.Fragment>
    </Provider>,
    target
);

и in ./src/containers/async/build:

__webpack_public_path__ = 'http://example-server.com';

Это не даст сбой, но если я запустите сборку: 

yarn run build

Я получаю 

191.8 KB   build/static/js/ComponentOne.0c0b549a.chunk.js
154.06 KB  build/static/js/main.6d7817fb.js
25.03 KB   build/static/js/ComponentTwo.d2e1b30c.chunk.js
[...]
7.09 KB    build/static/css/main.fbb5d863.css

и проверяю build/static/js/main.6d7817fb.js, вообще нет никаких следов http://example-server.com.Я все еще получаю что-то вроде: 

s.src=t.p+"static/js/"+({0:"ComponentOne",1:"ComponentTwo",2:"ComponentThree",3:"ComponentFour",4:"ComponentFive"}

Я пытаюсь импортировать в самом начале, чтобы избежать таких проблем, как подъем, как указано здесь:

https://github.com/webpack/webpack/issues/2776

Есть идеи, как этого добиться без выброса?

...