Я использую плагин Rails / Webpacker для своего проекта. У меня проблема в том, что CSS удаляется при помощи extract-text-webpack-plugin. Я упоминал о проблеме Github , которая возникла из-за плагина PurifyCSS, который я не использую. Связанные версии предоставляются следующим образом. Пожалуйста, помогите мне через это.
- Версия Webpack: 3.12.0
- экстракт-text-webpack-plugin verison: 3.0.2
Как я добавляю стили
styles.css
.IntakeFormsBody {
margin: 30px 0;
}
index.js
import './styles'
...
<div className={'IntakeFormsBody'}>
...
</div>
webpack.base.babel.js (файл, соответствующий файлам CSS)
{
// Preprocess our own .css files
// This is the place to add your own loaders (e.g. sass/less etc.)
// for a list of loaders, see https://webpack.js.org/loaders/#styling
test: /\.css$/,
exclude: /node_modules/,
use: ['style-loader', 'css-loader'],
},
{
// Preprocess 3rd party .css files located in node_modules
test: /\.css$/,
include: /node_modules/,
use: ['style-loader', 'css-loader'],
},
И вместо всех стилей пишется строка // removed by extract-text-webpack-plugin
.
Пожалуйста, помогите мне, как отладить или где я не прав. Все остальные файлы загружают стили, только новые стили, которые я добавляю, не работают.