vue.js - 新行 ( ) 会自动添加到样式表中

Question

我正在尝试使用 vue js 并汇总进行捆绑。当我试图捆绑我的 css 和 js 文件时，我使用 vue 插件进行汇总rollup-plugin-vue并添加了这样的配置，

vue({ compileTemplate: true, css:true }),

我的问题是当我捆绑文件时，css文件在每一行都添加了新行

@charset 'utf-8'
<br>
.class{
<br>
 margin : some value :
 <br>
 }
 ......

帮助我摆脱 CSS 中的新行

编辑 ：

• 创建了一个 CSS 文件
• 在 App.vue 文件中添加 css
• 添加汇总配置以捆绑和 gzip js 文件
• 像这样添加了 vue 配置 vue({ compileTemplate: true, css:true }),

标签： vue.jsrollupjs

Answer 1

document.querySelector('br').remove();

<div>
Lorem Ipsum dolor set amet
</div>
<br>
<div >
Lorem Ipsum dolor set amet
</div><br>

您可以使用简单的脚本来删除不必要的标签。限制它们在父元素中使用，以免影响其他区域。