1回答

慕勒3166676

提问者

2018-07-09

自己的问题自己答：

导入依赖包的方式不变，导入以下包：【都是最新版本的包】

关键是版本的问题，以下是我的webpack-config.js的设置格式

此处单将module的结构展示出来：

  module: {

    rules: [

      {

        test: /\.js?$/,

        exclude: /(node_modules)/,

loader: 'babel-loader',

        query: {

          presets: ['react', 'es2015']

        }

      },{

 test:/\.css?$/,

 use: [

 { loader: "style-loader" },

 { loader: "css-loader",

options: {

modules: true,

localIdentName: '[path][name]__[local]--[hash:base64:5]'

 }

 }

]

 }

    ]

  }

之后，关键是引入.css文件的方式，根据npm官方的关于css和style包的导入方式，更改为：

import footerCss from '../../css/footer.css';

这样就可以按照教程中提到的style模块化方式引用样式了

2

0