加载CSS模块后不起作用，请问下应该如何设置webpack.config文件

Question

var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');
var path = require('path');

module.exports = {
  context: path.join(__dirname),
  devtool: debug ? "inline-sourcemap" : null,
  entry: "./src/js/index.js",
  module: {
    loaders: [
      {
        test: /\.js?$/,
        exclude: /(node_modules)/,
        loader: 'babel-loader',
        query: {
          presets: ['react', 'es2015',],
          plugins: ['react-html-attrs'], //添加组件的插件配置
        }
      },
      //下面是使用 ant-design 的配置文件

      { test: /\.css$/, loader: 'style-loader!css-loader' }
    ]

  },

  output: {
    path: __dirname,
    filename: "./src/bundle.js"
  },
  plugins: debug ? [] : [
    new webpack.optimize.DedupePlugin(),
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.optimize.UglifyJsPlugin({ mangle: false, sourcemap: false }),
  ],
};

我已经安装了 style-loader css-loader

Answer 1

Parry 2017-07-21 15:39:46

不起作用是指？能不能贴程序的代码或者控制台的错误？

• 提问者 永不止息L #1

  谢谢老师回复，我的问题，和这位同学的是一样的，http://coding.imooc.com/learn/questiondetail/11264.html，我看了你优酷的视频，还是搞不定，所以我现在就直接用      <footer class='miniFooter'> 这种格式，不用         <footer class={footerCss.miniFooter}> 这种格式了，因为我尝试了很多方法都不行，所以就只能用带引号的这种方法了。不知道老师有新的解答吗？

• 提问者 永不止息L #2

  非常感谢！

• Parry 回复 提问者 永不止息L #3

  页面中有 footerCss 的定义吗？怎么定义的？所以最好贴代码我帮你看看。

点开查看后面2条评论