webpack配置文件注意点

配置文件的名称必须叫做: webpack.config.js, 否则直接输入 npx webpack 打包会出错，如下图我把 webpack 的文件名字改为了 bntang.js 且运行了 npx webpack 效果如下图所示

如果要使用其它名称, 那么在输入打包命令时候必须通过 --config 指定配置文件的名称, 格式如下所示

npx webpack --config xxx

打包命令简化

每次输入 npx webpack --config xxx 来打包文件会有一点蛋疼, 所以我们可以通过 npm script 来简化这个操作, 修改 package.json 内容如下所示

{
  "name": "webpack",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "npx webpack --config bntang.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^4.41.0",
    "webpack-cli": "^3.3.12"
  }
}