我正在尝试使用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 回答
您可以使用简单脚本删除不必要的标记 . 限制它们在父元素中使用以不影响其他区域 .