用了antdesign框架写css模块化时样式冲突

Question

用了antdesign框架写css模块化时样式冲突

Answer 1

Parry 2018-01-16 10:48:44

webpack 配置下可以解决，贴下你的 CSS 代码？

• 提问者 慕函数6990799 #1

  { test: /\.css$/, loader: 'style-loader!css-loader'}
  这个是webpack的配置

• 提问者 慕函数6990799 #2

  .newlist{
      color:red;
  }
  这个是css的代码

• 提问者 慕函数6990799 #3

  var webpack = require('webpack');
  var path = require('path');
  module.exports = {
      devServer: {
          historyApiFallback: true
      },
      context: __dirname,
      entry: "./src/js/boot.js",
      module: {
          loaders: [
              {
                  test: /\.js?$/,
                  exclude: /(node_modules)/,
                  loader: 'babel-loader',
                  query: {
                  presets: ['react', 'es2015']
                  }
              },
              // { test: /\.css$/, loader: 'style-loader!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]'}
              { test: /\.css$/, loader: 'style-loader!css-loader'}
          ]
      },
      output: {
          path: __dirname,
          filename: "./src/bundle.js"
      }
  };

点开查看后面2条评论