Javascript 如何只生成一个文件及其带有webpack的地图,而不生成其他文件
我有一个react应用程序,我想将Javascript 如何只生成一个文件及其带有webpack的地图,而不生成其他文件,javascript,webpack,Javascript,Webpack,我有一个react应用程序,我想将条目文件捆绑到一个输出文件中。这适用于以下网页的输入/输出配置: { "entry": [ "/path/to/file/src/index.js" ], "output": { "path": "/path/to/file/build", "pathinfo": false, "filename": "my-app.js", "futureEmitAssets": true, "chunkFi
条目
文件捆绑到一个输出文件中。这适用于以下网页的输入/输出配置:
{
"entry": [ "/path/to/file/src/index.js" ],
"output": {
"path": "/path/to/file/build",
"pathinfo": false,
"filename": "my-app.js",
"futureEmitAssets": true,
"chunkFilename": "[name].chunk.js",
"publicPath": "/"
}
}
但是build
的输出包含
➜ ls -al build
index.html
my-app.js
my-app.js.map
precache-manifest.80798dd0fbc0ae8659c760ea32cca65d.js
service-worker.js
我只想看看我的app.js
和我的app.js.map
,别的什么都不想看。我如何做到这一点?我使用干净的网页插件实现了这一点
config.plugins.push(new CleanWebpackPlugin({
cleanAfterEveryBuildPatterns: [
path.join(process.cwd(), 'build/service-worker.js'),
path.join(process.cwd(), 'build/precache-manifest*.js'),
path.join(process.cwd(), 'build/index.html'),
],
}));
我使用clean网页包插件
config.plugins.push(new CleanWebpackPlugin({
cleanAfterEveryBuildPatterns: [
path.join(process.cwd(), 'build/service-worker.js'),
path.join(process.cwd(), 'build/precache-manifest*.js'),
path.join(process.cwd(), 'build/index.html'),
],
}));
看来这不应该发生。我假设你删除了这些文件并再次运行webpack,它会重新创建它们?@ToddChaffee,是的,我正在运行rm-rf构建和&npm运行构建和&ls-al构建
,这就是我得到的输出。你能将你的package.json
文件添加到你的问题中吗?其中可能有一些东西正在创建这些文件作为构建的一部分。您能否添加整个webpack.config.js
?这里似乎配置了插件。例如,HtmlWebpackPlugin
似乎正在创建index.html
。这似乎不应该发生。我假设你删除了这些文件并再次运行webpack,它会重新创建它们?@ToddChaffee,是的,我正在运行rm-rf构建和&npm运行构建和&ls-al构建
,这就是我得到的输出。你能将你的package.json
文件添加到你的问题中吗?其中可能有一些东西正在创建这些文件作为构建的一部分。您能否添加整个webpack.config.js
?这里似乎配置了插件。例如,它似乎是<代码> index。HTML < /代码>是由<代码> HtmlWebpackPlugin < /C> >创建的。我很好奇这些文件是如何首先被创建的。@ ToDDCHAFEEE这是一个创建反应的App项目输出项目。你是否使用了<代码> NPM Run Edject < /代码>,以便能够编辑配置文件?这是有效的,但是它看起来像一个创可贴。我很好奇这些文件最初是如何创建的。@ToddChaffee这是一个create react应用程序项目输出项目。您是否使用了npm run eject
来编辑配置文件?