Новые строки (<br>) автоматически добавляются в таблицы стилей

Я пытаюсь использовать 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
  • Добавлен css в файл App.vue
  • добавлена ​​конфигурация накопления для объединения и сжатия файлов js
  • Добавлен такой конфиг vue vue({ compileTemplate: true, css:true }),

🤔 А знаете ли вы, что...
Vue.js активно развивается и обновляется с выходом новых версий и функций.


93
1

Ответ:

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

Вы можете использовать простой скрипт для удаления ненужных тегов. Ограничьте их использование в родительском элементе, чтобы не влиять на другие области.