首页 文章

在Stylesheets中自动添加新行(<br>)

提问于
浏览
0

我正在尝试使用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 }),

1 回答

  • -1
    document.querySelector('br').remove();
    
    <div>
    Lorem Ipsum dolor set amet
    </div>
    <br>
    <div >
    Lorem Ipsum dolor set amet
    </div><br>
    

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

相关问题