遇到的问题
使用压缩指令后提示指令无效
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"
},