新行(<br>)将自动添加到样式表中。

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
• 将rollup配置添加到js文件的打包和gzip中。
• 添加了像这个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>

​

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