Javascript Can';使用react dev utils/InlineChunkHtmlPlugin生成内联运行时块

Javascript Can';使用react dev utils/InlineChunkHtmlPlugin生成内联运行时块,javascript,webpack,Javascript,Webpack,当我在自己的应用程序中使用react dev utils/InlineChunkHtmlPlugin时,它似乎对我不起作用。您愿意帮助我解决这个问题吗? 这是我的webpack.config.js文件: const path=require(“路径”); const HtmlWebpackPlugin=require(“html网页包插件”); const InlineChunkHtmlPlugin=require(“react dev utils/InlineChunkHtmlPlugin”)

当我在自己的应用程序中使用
react dev utils/InlineChunkHtmlPlugin
时,它似乎对我不起作用。您愿意帮助我解决这个问题吗? 这是我的
webpack.config.js
文件:

const path=require(“路径”);
const HtmlWebpackPlugin=require(“html网页包插件”);
const InlineChunkHtmlPlugin=require(“react dev utils/InlineChunkHtmlPlugin”)//内联运行时块
const ReactRefreshWebpackPlugin=require(@pmmmwh/ReactRefreshWebpackPlugin”);
const MiniCssExtractPlugin=require(“迷你css提取插件”);
const optimizecssassetstplugin=require(“优化css资产网页包插件”);
const BundleAnalyzerPlugin=require(“网页包包分析器”)
.BundleAnalyzerPlugin;
const SpeedMeasurePlugin=require(“速度测量网页包插件”);
const smp=新的SpeedMeasurePlugin();
const{CleanWebpackPlugin}=require(“CleanWebpackPlugin”);
const ManifestPlugin=require(“网页包清单插件”);
module.exports=函数(env){
const isDevelopment=env.NODE_env==“development”;
const isProduction=env.NODE_env==“production”;
返回smp.wrap({
模式:isProduction?“production”:isDevelopment&“development”,
条目:“./src/index.js”,
输出:{
文件名:iProduction
?“static/js/[name].[chunkhash].js”
:“static/js/bundle.js”,
path:path.resolve(_dirname,“build”),
},
优化:{
运行时块:{
name:(entrypoint)=>`runtime-${entrypoint.name}`,
},
分割块:{
块:“全部”,
},
},
模块:{
规则:[
{
测试:/\.m?jsx?$/,,
排除:/(节点\模块)/,
使用:{
加载器:“巴别塔加载器”,
选项:{
预设:[“@babel/preset env”,“@babel/preset react”],
插件:[
“@babel/插件建议类属性”,
isDevelopment和require.resolve(“react refresh/babel”),
//“内联反应svg”,
].过滤器(布尔值),
},
},
},
{
测试:/\.css$/i,
使用:[
ISD开发和{
加载器:“样式加载器”,
},
i生产&{
加载器:MiniCssExtractPlugin.loader,
选项:{
公共路径:“../”,
艾斯莫杜勒:没错,
},
},
{
加载器:“css加载器”,
选项:{
模块:{
本地名称:isDevelopment
?“[路径][名称]\uuuuuu[本地]”
:“[hash:base64]”,
},
},
},
].过滤器(布尔值),
},
{
测试:[/\.bmp$/,/\.gif$/,/\.jpe?g$/,/\.png$/,/\.svg$/i],
包括:path.resolve(uu dirname,“src/assets/images”),
使用:[
{
加载器:“url加载器”,
选项:{
限制:10*1024,//10KB
名称:“static/images/[name].[hash:8].[ext]”,
},
},
{
加载器:“图像网页包加载器”,
选项:{
禁用:isDevelopment,//webpack@2.x更新的
},
},
],
},
{
测试:/\.svg$/i,
包括:path.resolve(uu dirname,“src/assets/icons”),
加载程序:“svg精灵加载程序”,
},
{
测试:[/\.ttf/i、/\.woff/i、/\.woff2/i、/\.eot/i、/\.otf/i],
包括:path.resolve(uu dirname,“src/assets/font”),
加载器:“url加载器”,
选项:{
限制:10*1024,//10KB
名称:“static/fonts/[name].[hash:8].[ext]”,
},
},
],
},
插件:[
新HtmlWebpackPlugin({
是的,
模板:“./public/index.html”,
favicon:“./public/favicon.ico”,
}),
生产不足&&
新的InlineChunkHtmlPlugin(HtmlWebpackPlugin,[/runtime-.+[.]js/]),
isDevelopment&新的ReactRefreshWebPackagePlugin(),
生产不足&&
新的MinicsSextract插件({
文件名:“static/css/[name].[contenthash:8].css”,
}),
,
生产不足&&
新BundleAnalyzerPlugin({
openAnalyzer:false,
generateStatsFile:true,
statsFilename:“stats.json”,
}),
生产不足&&
新的OptimizeCssAssetsPlugin({
assetNameRegExp:/\.css$/g,
cssProcessor:require(“cssnano”),
CSSP处理器插头操作:{
预设:[“默认值”,{discardComments:{removeAll:true}}}],
},
真的,
}),
iProduction&新的CleanWebPackagePlugin(),
iProduction&&new ManifestPlugin(),
].过滤器(布尔值),
开发服务器:{
打开:“chrome”,
港口:9999,
是的,
writeToDisk:false,
热:是的,
},
});
};
我使用
webpack--env.NODE_env=production
来构建我的应用程序,之后,
index.html
中没有内联运行时代码,运行时块一直存在。