Webpack .vue的网页包更改扩展

您好，我用vue和webpack创建了一个新项目，但我希望将模板加载为.html而不是.vue。我收到错误“您可能需要一个合适的加载程序来处理此文件类型”，在webpack.base.conf.js中，我得到了

var path=require（'path'））
var utils=require（“./utils”）
var config=require（“../config”）
var vueLoaderConfig=require（'./vue loader.conf'）
函数解析（dir）{
返回路径.连接（uu dirname，…，dir）
}
module.exports={
条目：{
应用程序：'./src/main.js'
},
输出：{
路径：config.build.assetsRoot，
文件名：'[name].js'，
publicPath:process.env.NODE_env==='production'？
config.build.AssetPublicPath:config.dev.AssetPublicPath
},
决心：{
扩展名：['.js'，'.html'，'.json']，
别名：{
“html$”：“vue/dist/vue.esm.js”，
“@”：解析（'src'）
}
},
模块：{
规则：[
{
测试：/\.html$/,，
加载程序：“vue加载程序”，
选项：vueLoaderConfig
},
{
测试：/\.js$/,，
加载器：“巴别塔加载器”，
包括：[解析（'src'），解析（'test'）]
},
{
测试：/\（png | jpe？g | gif | svg）（\？*）$/，
加载器：“url加载器”，
选项：{
限额：10000，
名称：utils.assetsPath（'img/[name].[hash:7].[ext]'））
}
},
{
测试：/\（woff2？| eot | ttf | otf）（\？*）$/，
加载器：“url加载器”，
选项：{
限额：10000，
名称：utils.assetsPath（'font/[name].[hash:7].[ext]'）
}
}
]
}
}

然后在网页包配置中，将其添加到其他规则中：

{
  test: /\.html$/,
  use: 'html-loader',
},

---

我不确定我是否明白你想做什么。您是否尝试将包装成.html文件而不是.vue文件的模板加载到vue组件中？如果是的话，这看起来不是个好主意。为什么不扩展/仅用作mixins模板.vue组件？

{
  test: /\.html$/,
  use: 'html-loader',
},