Как правильно подключать стили модуля в Webpack?

Question

[jTavez]

Здравствуйте. Как правильно подключать стили модуля, если необходимо эти стили изменить. Первая мысль была просто скопировать файл стилей в src/sass/ проекта и затем уже редактировать, правильно ли это?

На примере плагина tingle.js

webpack.conf.js

plugins:  [
    new webpack.ProvidePlugin({
        tingle: 'tingle.js',
    })
]

index.js
import 'tingle.js/dist/tingle.css';

Все работает, но что если нужно изменить стили в tingle.css?

Comments

[VegasChickiChicki]

А почему бы не пойти в 'tingle.js/dist/tingle.css'; и там отредактировать?

[jTavez]

VegasChickiChicki, файл находится в node_modules и при следующем npm install перезапишется на исходный

Answer 1

[Alexander Dozmorov]

Если необходимо изменить много, то можно создать папку vendor в исходниках, куда складывать такие файлы.

Если необходимо сделать немного изменений, то можно просто по именам классов менять, создав свой файл и подключив его.