装依赖：                                                                                                                                          

npm install --save-dev style-loader css-loader

配置webpack.config.js

    use中配置的顺序不能错

const path = require('path');  module.exports = {    entry: './src/index.js',    output: {      filename: 'bundle.js',      path: path.resolve(__dirname, 'dist')    },+   module: {+     rules: [+       {+         test: /\.css$/,+         use: [+           'style-loader',+           'css-loader'+         ]+       }+     ]+   }  };

进入入口模块中引入css文件 

+ import './style.css';

 运行 npm run build

---------打包CSS也是把css打包成一个JavaScript模块【css-loader】，然后在运行的时候动态的创建一个style节点插入到head中【style-loader】