我有一个使用Webpack(而不是CRA)设置的React应用程序。我正在尝试通过在index.html旁边添加manifest.json文件来使其成为渐进式应用程序。在运行应用程序时,我遇到以下错误。
GET http://localhost:8090/manifest.json 404 (Not Found)
此外,如果我在运行build
命令后查看dist
文件夹,则不会将manifest.json
文件复制到dist
。 我尝试使用webpack的file-loader
插件,但它也无法工作。以下是webpack.config.js
片段:
module: {
rules: [
{ test: /\.(js)$/, exclude: /node_modules/, use: 'babel-loader' },
{ test: /\.css$/, use: ['style-loader', 'css-loader'] },
//{ test: /\.html$/, use: ['html-loader'] },
{ test: /\.(svg|png|jpg|jpeg|gif)$/, use: { loader: 'file-loader', options: { name: '[name].[ext]', outputPath: 'assets/img' } } },
{ test: /\.(json)$/, use: { loader: 'file-loader', options: { name: '[name].[ext]', outputPath: './' } } }
]
},
以下是
index.html
片段:<head>
<link rel="manifest" href="./manifest.json" />
</head>
我做错了什么?