webpack 的webpack.config文件配置css-loader,style-loader注意的问题

module.exports = {
    //引入的文件名
    entry:'./entry.js',

    output:{
        //存储位置
        path:__dirname,
        //生成的文件名
        filename:'bundle.js'
    },
    //要使用的模块
    module:{
        //
        rules: [

            {
                //判断是否是css文件
                test: /\.css$/,
                //不用在指定文件设置loader
                use: ['style-loader', 'css-loader'] 
            }
        ]

    }

}

package.json

{
  "name": "hwebpack",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "webpack --mode development",
    "build": "webpack --mode production"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "css-loader": "^0.28.11",
    "style-loader": "^0.20.3",
    "webpack": "^4.1.1",
    "webpack-cli": "^2.0.12"
  }
}