如何解决Vue-Cli:为什么在构建后没有用引号生成index.html?
运行npm构建后,将生成./dist/index.html
文件,且不带引号。该项目没有 webpack.config.js 或 vue.config.js 。该构建是通过使用vue create
创建的示例项目生成的。我该如何解决?
<!DOCTYPE html><html lang=en><head><Meta charset=utf-8><Meta http-equiv=X-UA-Compatible content="IE=edge"><Meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/favicon.ico><title>html-project</title><link href=/app.css rel=preload as=style><link href=/app.js rel=preload as=script><link href=/chunk-vendors.js rel=preload as=script><link href=/app.css rel=stylesheet></head><body><noscript><strong>We're sorry but html-project doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/chunk-vendors.js></script><script src=/app.js></script></body></html>
解决方法
那里不需要属性引号(仍然是valid HTML),因此在生产版本中将其删除以减小HTML文件的输出大小。
如果您希望保留引号,则可以按以下方式配置HTML minifier options(即,特别是removeAttributeQuotes
)
// vue.config.js
module.exports = {
chainWebpack: config => {
config.plugin('html').tap((args) => {
args[0].minify = {
...args[0].minify,removeAttributeQuotes: false
}
return args
})
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。