Мне бы хотелось немного осветить эту тему:
Я пишу библиотеку Vue.js для NPM, и один из моих пользователей просит меня добавить мой файл scss
в сборку, чтобы они могли изменитьit.
Как пользователи могут изменить этот scss
файл и скомпилировать его обратно в мою библиотеку?Будет ли это хаком, как изменение исходного кода библиотеки или это обычная практика?
Если я выведу это scss
в статический файл (я подозреваю, в папке public/
), как мне включить его измой компонент?
Есть ли документация по этому поводу, я посмотрел Vue-cli, Webpack и Google и не нашел руководства.
В настоящее время я экспортирую только минимизированныйФайл CSS в сборку, и мой scss
находится в моем index.vue
моего компонента.
Моя архитектура проекта:
| public/
| src/
| assets/
| components/
|- my-lib/ // Only this folder gets bundled into dist/
|- index.vue
|- app.vue // My app documentation.
В папке dist/
я получаю:
mylib.css
mylib.umd.js
mylib.umd.min.js
mylib.common.js
mylib.umd.min.js
demo.html
Я связываю свою библиотеку (с vue-cli 3) с:
vue-cli-service build --target lib --name mylib ./src/components/mylib/index.vue --dest ./dist
Любая помощь очень ценится!