Sass ExtractTextPlugin为图像提供了错误的路径

我在用Webpack编译sass时遇到问题。ExtractTextPlugin为图像提供了错误的路径，在路径前面加了“css/”。当我将ExtractTextPlugin选项中的文件名更改为“/app.css”时，它会将app.css放在dist/文件夹中，而不是css，但它会为图像提供正确的路径。如何在配置中正确指定路径

这是我的webpack.config.js：

const webpack=require（'webpack'））
const HtmlWebpackPlugin=require（'html-webpack-plugin'）
const ExtractTextPlugin=require（“提取文本网页包插件”）
const path=require（'路径'）
const autoprefixer=require（'autoprefixer'）
让isProd=process.env.NODE_env=='production'；
设cssDev=[
“样式加载器”，
“css加载程序？源映射和导入加载程序=2”，
'邮政编码加载器'，
“sass加载器”]；
让cssProd=ExtractTextPlugin.extract({
allChunks：是的，
回退：“样式加载器”，
使用：[
{
加载器：“css加载器”，
选项：{
错,，
进口装载机：2
}
},
{
加载器：“postss加载器”，
选项：{
最小化：false
}
},
{
加载器：“sass加载器”，
选项：{
最小化：false
}
}
]
});
让cssConfig=isProd？cssProd:cssDev；

module.exports | webpack.config

module.exports={
条目：{
“js/app”：“./src/app.js”
},
输出：{
path:path.join（uu dirname，'dist'），
文件名：'[name].js'，
publicPath:path.join（\uu dirname，'dist'）
},
模块：{
规则：[
{
测试：/\（js|jsx）$/，
排除：/node_模块/，
包括：[path.resolve（uu dirname，'src/js/'）]，
加载器：“巴别塔加载器”，
查询：{
预设值：['es2015']，
}
},
{
测试：/\.sass$/,，
使用：cssConfig
},
{
测试：/\.pug$/,，
用法：'pug loader？pretty=true'
},
{
测试：/\（jpe？g | png | gif | svg）$/，
使用：[
'文件加载器？名称=[name].[ext]&publicPath=img/&outputPath=img/'
]
},
{
测试：/\（eot | svg | ttf | woff | woff2）$/，
使用：'file loader？name=[name].[ext]&publicPath=font/&outputPath=font/'
}
]
},
开发服务器：{
contentBase:uu dirname+'/dist'，
是的，
港口：9000，
开放：是的，
热：是的，
统计数据：“仅错误”
},
插件：[
新HtmlWebpackPlugin({
标题：“产品说明”，
错,，
favicon：错，
哈什：没错，
模板：'./src/index.pug'
}),
新HtmlWebpackPlugin({
标题：“分销和渠道”，
错,，
favicon：错，
哈什：没错，
文件名：“distrib.html”，
模板：'./src/distrib.pug'
}),
新的ExtractTextPlugin({
文件名：'/app.css'，
公共路径：“/”，
禁用：！isProd，
allChunks：对
}),
新建webpack.HotModuleReplacementPlugin（），
新的webpack.NamedModulesPlugin（），
新的webpack.LoaderOptionsPlugin（{选项：
{邮政编码：[
自动刷新器({
浏览器：[“最后5个版本”]，
支持:对,，
flexbox：对
})
] }
})
]
};

当您获得最终cssfirst产品时，您是否使用生产或开发，然后当您获得最终cssfirst产品时，您是否使用生产或开发，然后是开发