提取文本Webpack插件删除所需的CSS

时间:2018-11-05 13:22:16

标签: css webpack extracttextwebpackplugin

我正在为我的项目使用Rails / Webpacker插件。我遇到的问题是CSS已由extract-text-webpack-plugin删除。我指的是Github issue,这是因为我没有使用PurifyCSS插件。相关版本如下。请帮助我。

  • Webpack版本: 3.12.0
  • extract-text-webpack-plugin版本: 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行而不是所有样式。

请帮助我如何调试或在哪里出错。所有其他文件正在加载样式,只有我添加的新样式无法正常工作。

0 个答案:

没有答案