新线（ ）自动添加到样式表中

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({
     compileTemplate: true,
     css:true  }),

  一样添加了vue配置

Answer 1

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

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

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