因此,我正在使用CRA [create-react-app],并且不想弹出。我目前正在分块,或者正在使用react-loadable
库毫无问题地创建块。
现在,我想从其他服务器加载块,因为主javascript文件将位于与Web服务器不同的位置。因此,在对块进行请求时,必须从“ 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
);
以及./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
关于如何实现不弹出的任何想法?