vue创建cli脚手架时会自动配置webpack打包吗

是的，Vue CLI在创建项目时会自动配置Webpack打包。Vue CLI使用了一个名为"vue-cli-plugin-webpack"的插件，该插件实际上是一个对Webpack的封装，使得Webpack的配置可以更加简单易用。当你创建一个Vue CLI项目时，这个插件会被默认安装并自动配置Webpack。你也可以在项目中对Webpack进行自定义配置，Vue CLI提供了相关的配置文件和API。

相关问题

手动配置webpack好还是用vue-cli脚手架好

选择手动配置 webpack 还是使用 Vue CLI 脚手架，取决于你的项目需求和个人偏好。

手动配置 webpack 可能适合具备一定的 webpack 配置经验和对构建过程的深入了解的开发者。手动配置 webpack 可以提供更高的灵活性和定制性，你可以根据项目的需要进行精确的配置，以满足特定的要求。这种方式适用于复杂的项目或需要进行更多自定义配置的情况。

使用 Vue CLI 脚手架可以快速搭建一个 Vue 项目，并且提供了一些默认的配置和约定，使得开发变得更加简单和高效。Vue CLI 集成了许多常用的工具和插件，可以自动处理大部分的配置工作，让你专注于开发而不是配置。它还提供了一些便捷的命令和功能，如快速创建组件、热重载、自动化测试等，使得开发过程更加便捷。

当你的项目相对简单，不需要过多自定义配置时，使用 Vue CLI 脚手架可以帮助你快速启动和开发项目。而对于复杂的项目或需要更多自定义配置的情况，手动配置 webpack 可能更适合。

综上所述，选择手动配置 webpack 还是使用 Vue CLI 脚手架，取决于你的项目需求、个人技术水平和偏好。

vuecli配置webpack

Vue CLI 是一个官方提供的 Vue.js 项目脚手架，它内置了 Webpack，可以快速搭建起一个 Vue.js 项目，并且提供了一些常用的配置项以及插件，方便我们进行开发。

但是如果我们需要对 Webpack 进行深度定制，Vue CLI 提供了 `vue.config.js` 文件来进行配置。该文件需要放在项目根目录下，具体配置方式如下：

module.exports = {
  // 配置 Webpack 相关的配置项
  configureWebpack: {
    // 配置 Webpack 打包入口
    entry: './src/main.js',
    // 配置 Webpack 输出目录
    output: {
      path: __dirname + '/dist',
      filename: 'bundle.js'
    },
    // 配置 Webpack 模块加载器
    module: {
      rules: [
        {
          test: /\.css$/,
          use: ['style-loader', 'css-loader']
        }
      ]
    },
    // 配置 Webpack 插件
    plugins: [
      new HtmlWebpackPlugin({
        template: './public/index.html'
      })
    ]
  },
  // 配置开发服务器
  devServer: {
    port: 8080,
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

上面的配置项包括了 Webpack 相关的配置、开发服务器配置，其中 `configureWebpack` 用来配置 Webpack 相关的配置项，`devServer` 用来配置开发服务器。

其中，`configureWebpack` 的配置项和原生的 Webpack 配置项基本一致，可以根据需要进行配置，例如配置打包入口、输出目录、模块加载器和插件等。`devServer` 的配置项用来配置开发服务器，例如配置端口号、代理等。