webpack打包出现Unknown command_北方有梦_hsp的博客

相关文章推荐

痴情的铁板烧 · 前端開發環境 + React + TS - ...· 1 月前 ·

唠叨的桔子 · 小众但高效！这6个AI生成原型图的工具你用过 ...· 4 月前 ·

不敢表白的葫芦 · 武汉市人民政府门户网站· 5 月前 ·

性感的椅子 · 蒲松龄笔下的女鬼，比《西游记》里的白骨精更具 ...· 1 年前 ·

不拘小节的牛排 · 又到荔枝上市期，这些禁忌要记得！ ...· 2 年前 ·

个性的汉堡包 · 搜索结果_BL鍔ㄦ极濂宠姝ｅお(my ...· 2 年前 ·

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

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"
                    遇到的问题使用压缩指令后提示指令无效PS D:\demo2021&gt; 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
Usage: webpack-cli [options]
    webpack-cli [options] --entry <entry> --output <output>
    webpack-cli [options] <entries> --output <output>
webpack告诉我们，用webpack进行打包有三种方法：
1.新建为webpack.config.js命名的文件，可以直接webpack命令打包
2.webpack 入口文件<app> -o 
WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set .
				[webpack]打包时出现的错误：[webpack-cli] Unknown command '路径’
发现的问题：webpack与webpack-cli版本不兼容
我用的是webpack4.46.0，所以需要单独安装webpack-cli（4.x及以上版本都需要单独安装)，由于当时webpack-cli安装的最新版与webpack不兼容，导致打包的时候出现错误
具体哪两个版本的webpack和webpack-cli兼容我也不知道，不过可以试试以下方法：
在两个都安装完后
可以在命令模式下输入webpa
 "scripts": {
        "test": "echo "Error: no test specified" && exit 1",
        "dev": " webpack serve --open",
        "build": "webpack"
欢迎交流添加~
npm install -g cnpm --registry ip地址:端口
值得注意的是，上面命令参数 -g 是下载全局依赖，不会将依赖下载到node_modules文件中去。因此，不会产生node_modules文件。
2、下载依赖成功后，我执行npm run dev 时报错：'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序
3、我百度了一波，有一种说法说：是因为nod..
				Webpack 是一个模块打包工具，它能将你的代码，包括 JavaScript、HTML、CSS 等文件，打包成浏览器能够识别的资源文件。
使用 Webpack 可以帮助你将多个模块合并成一个文件，减少网络请求次数，提升应用的加载速度。它还支持代码分离、按需加载、资源优化等功能。
打包的过程通常包括以下几步：
1. 安装 Webpack：通过 npm 命令安装 Webpack。
2. 配置打包规则：在项目根目录下新建一个名为 `webpack.config.js` 的文件，编写打包规则。
3. 运行打包命令：在命令行中输入 `webpack` 命令进行打包。
Webpack 是一个功能强大的工具，如果你想要进一步了解它的使用方法，建议查看官方文档或其他资料进行学习。