我在使用webpack 4.0 以上版本打包時，發(fā)現在webpack.config.js的output選項中指定filename，打包出來的結果卻總是main.js, 這是為什么??？有沒有大神指點迷津？
下面附圖和代碼：

//這是webpack.config.js內容
var path = require("path")
module.export = {
    entry: path.resolve(__dirname, "./index.js"),
    output: {
        path: path.resolve(__dirname, "./dist"),
        filename: '.js/bundle.[name].[hash].js'
    }
}

//這里是package.json代碼
{
  "name": "webpack-practice-singlepage",
  "version": "1.0.0",
  "description": "this project is for spa practice",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack --mode=development",
    "build": "webpack --mode=production"
  },
  "author": "Manfray",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^4.5.0",
    "webpack-cli": "^2.0.14"
  }
}

然后我npm run dev 之后，項目目錄中就生成了dist dist/main.js

那么我這個filename怎么沒有起作用呢？