vue webpack 如何打包

Vue.js 结合 Webpack 进行打包，通常是通过以下步骤来完成的：

1. 初始化项目

如果你还没有一个 Vue.js 项目，你可以使用 Vue CLI 来快速创建一个项目：

```bash

npm install -g @vue/cli

vue create my-vue-project

```

2. 进入项目目录

```bash

cd my-vue-project

```

3. 安装 Webpack

虽然 Vue CLI 已经内置了 Webpack，但你也可以手动安装：

```bash

npm install --save-dev webpack webpack-cli

```

4. 配置 Webpack

创建一个 `webpack.config.js` 文件在你的项目根目录下，并按照以下示例进行配置：

```javascript

const VueLoaderPlugin = require('vue-loader/lib/plugin');

const path = require('path');

module.exports = {

entry: './src/main.js', // 入口文件

output: {

path: path.resolve(__dirname, 'dist'), // 输出路径

filename: 'bundle.js' // 输出文件名