webpack打包出现Unknown command

遇到的问题

使用压缩指令后提示指令无效

PS D:\demo2021> webpack .\src\app.js -o .\dist\bundle.js
[webpack-cli] Unknown command '.\src\app.js'
[webpack-cli] Run 'webpack --help' to see available commands and options

解决方案

加上配置文件即可

const path = require('path')
module.exports = {
     
  entry: path.join(__dirname, './src/app.js'),// 入口，表示，要使用 webpack 打包哪个文件
  output: {
      // 输出文件相关的配置
    path: path.join(__dirname, './dist'), // 指定 打包好的文件，输出到哪个目录中去
    filename: 'bundle.js' // 这是指定 输出的文件的名称
  }
}

或者

const path = require('path')
module.exports = {
     
  entry: path.resolve('./src/app.js'),// 入口，表示，要使用 webpack 打包哪个文件
  output: {
      // 输出文件相关的配置
    path: path.resolve('./dist'), // 指定 打包好的文件，输出到哪个目录中去
    filename: 'main.js' // 这是指定 输出的文件的名称
  },
  mode: 'development'
}

直接用webpack,后面不用加东西

兼容的版本

 "devDependencies": {
     
    "css-loader": "^5.0.1",
    "file-loader": "^6.2.0",
    "html-webpack-plugin": "^4.5.1",
    "less-loader": "^6.2.0",
    "style-loader": "^2.0.0",
    "url-loader": "^4.1.1",
    "webpack": "^4.43.0",
    "webpack-cli": "^3.3.12",
    "webpack-dev-server": "^3.11.0"
  },