<template>
<div>
<p>
hello universe
</p>
</div>
</template>
Result:
<p> hello universe </p>We need to get rid of the unnecessary spaces before and after "hello universe". How can we achieve this using webpack or linting?
vue.config.js
chainWebpack: (config) => {
config.module
.rule('vue')
.use('vue-loader')
.tap(options => {
options.compilerOptions.whitespace = "condense"
merge(options, {
optimizeSSR: false
})
});
...