Webpack配置与反应

Question

我正在创建一个React应用程序，我用npm弹出，所以我可以到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，它将生成它没有主导斜线。

但是，我认为你的服务器应该提供文件，当他们被请求具体，而不是重定向到索引页。如果这就是发生了什么。

另一个建议是生产，使用生产构建而不是开发构建。