怎么找到webpack-cli 时使用的 --save-dev

你可以在 `package.json` 文件中查找 `webpack-cli` 是否被添加到了 `devDependencies` 中，如果有，那么在安装 `webpack-cli` 时应该使用 `--save-dev` 参数。

具体操作步骤如下：

1. 在命令行终端中进入项目根目录。

2. 运行 `npm list --depth=0` 命令，查看当前项目的依赖列表和版本号。

3. 查找 `webpack-cli` 是否在依赖列表中，并确认它是否在 `devDependencies` 中。如果在 `devDependencies` 中，那么在安装时应该使用 `--save-dev` 参数。

4. 如果 `webpack-cli` 没有被添加到 `devDependencies` 中，那么可以使用 `--save` 参数来将其添加到 `dependencies` 中，即 `npm install webpack-cli --save`。

需要注意的是，`devDependencies` 中的模块只在开发环境中使用，不会被打包到生产环境中，而 `dependencies` 中的模块会被打包到生产环境中。所以，当你安装一个开发工具时，应该将其添加到 `devDependencies` 中。

相关问题

webpack webpack-cli webpack-dev-server配置

对于Webpack的配置，你需要安装一些必要的依赖包。首先，确保你已经安装了Node.js和npm。然后，可以通过以下步骤来配置Webpack：

1. 创建一个新的项目文件夹，并在终端中导航到该文件夹中。

2. 初始化一个新的npm项目，运行以下命令并按照提示进行配置：

   npm init

3. 安装Webpack及其相关依赖：

   npm install webpack webpack-cli webpack-dev-server --save-dev

4. 在项目根目录下创建一个`webpack.config.js`文件，并添加以下基本配置：

   const path = require('path');

   module.exports = {
     entry: './src/index.js',
     output: {
       filename: 'bundle.js',
       path: path.resolve(__dirname, 'dist'),
     },
     devServer: {
       contentBase: './dist',
     },
   };

上述配置指定了入口文件为`src/index.js`，输出文件为`dist/bundle.js`，并启用了开发服务器。

5. 在`package.json`文件中添加以下脚本命令：

   "scripts": {
     "start": "webpack serve --open",
     "build": "webpack"
   }

上述配置允许你使用`npm start`命令来启动开发服务器，并使用`npm run build`命令来构建生产环境的打包文件。

至此，你的Webpack配置已经完成。你可以根据自己的需求进行进一步的配置，例如添加其他加载器和插件等。记得在项目中创建`src/index.js`作为入口文件，并在其中编写你的应用代码。

[webpack-cli] Error: Unknown option '--inline' [webpack-cli] Run 'webpack --help' to see available commands and options

这个错误通常是由 webpack 版本和 webpack-cli 版本不兼容引起的，webpack-cli 的版本过低导致无法识别 webpack 的某些选项。

你可以尝试升级 webpack-cli 的版本，使用以下命令：

npm install webpack-cli@latest -g

如果你的项目中已经安装了 webpack-cli，也可以将其升级到最新版本：

npm install webpack-cli@latest --save-dev

如果升级后仍然出现类似的错误，可以尝试升级 webpack 的版本，或者将 webpack 的选项改为 webpack-cli 支持的选项。