vue是一款流行的JavaScript框架，具有可扩展性和易用性的优点。然而，当我们开发完整个项目后，我们需要打包整合所有的代码以用于生产环境。

webpack是一个开源的模块捆绑器，可以将在不同的文件中编写的所有代码捆绑在一起，从而创建一个单一的JavaScript文件。利用webpack，在开发vue应用时，我们可以使用vue-cli脚手架来创建一个项目，然后利用webpack进行打包部署。

首先，我们需要安装webpack和vue-loader，我们可以使用npm来安装：

npm install --save-dev webpack vue-loader

在项目中构建一个webpack配置文件用于管理所有的打包和优化任务。webpack的entry属性定义了入口点，即我们的vue应用程序的入口点。例如，在webpack配置文件中，我们可以将入口点设置为以下内容：

module.exports = {
  entry: './src/main.js'
  //...
}

然后，我们需要配置webpack的loader和plugin。loader可以将各种类型的文件转换为webpack可处理的模块，而plugin可以用于执行各种优化和任务。例如，我们可以使用vue-loader来处理.vue文件。我们还可以使用UglifyJS插件来压缩我们的JavaScript文件以提高应用程序的性能。

module.exports = {
  entry: './src/main.js',
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader'
      },
      {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: /node_modules/
      }
    ]
  },
  plugins: [
    //...
  ],
  //...
}

最后，我们需要将webpack配置文件引入我们的npm脚本中。我们可以使用package.json文件来定义npm脚本。在这个文件中，我们可以添加一个build脚本来运行webpack打包：

{
  //...
  "scripts": {
    "build": "webpack --config webpack.config.js"
  },
  //...
}

现在，我们已经创建了一个有效的webpack配置文件，并使用npm脚本来运行它。我们可以在我们的开发环境中工作，在上述脚本中输入以下内容来运行打包：

npm run build

通过这样的方式，在生产环境中使用webpack进行打包和整合vue应用程序是极其简单的。