renren-fast-vue项目怎么改为webpack打包

将renren-fast-vue项目改为webpack打包需要进行以下步骤：

1. 安装webpack和webpack-cli

在项目根目录下执行以下命令：

npm install webpack webpack-cli --save-dev

2. 配置webpack.config.js文件

在项目根目录下创建一个名为`webpack.config.js`的文件，该文件为webpack的配置文件。可以参考以下配置：

const path = require('path');

module.exports = {
  entry: './src/main.js', // 入口文件
  output: {
    filename: 'bundle.js', // 打包后的文件名
    path: path.resolve(__dirname, 'dist') // 打包后的文件存放目录
  },
  module: {
    rules: [
      {
        test: /\.vue$/, // 使用vue-loader处理.vue文件
        loader: 'vue-loader'
      },
      {
        test: /\.js$/, // 使用babel-loader处理js文件
        loader: 'babel-loader',
        exclude: /node_modules/
      },
      {
        test: /\.(png|svg|jpg|gif)$/, // 处理图片
        loader: 'file-loader',
        options: {
          name: '[name].[ext]',
          outputPath: 'images/'
        }
      },
      {
        test: /\.(woff|woff2|eot|ttf|otf)$/, // 处理字体
        loader: 'file-loader',
        options: {
          name: '[name].[ext]',
          outputPath: 'fonts/'
        }
      }
    ]
  },
  resolve: {
    alias: {
      'vue$': 'vue/dist/vue.esm.js', // 别名配置，指定vue的版本
      '@': path.resolve(__dirname, 'src') // 别名配置，方便引入模块
    },
    extensions: ['*', '.js', '.vue', '.json'] // 自动解析扩展名
  }
};

3. 修改package.json文件

在`package.json`文件中找到`scripts`字段，将`build`命令修改为以下内容：

"build": "webpack --mode production"

4. 安装必要的loader和plugin

在项目根目录下执行以下命令：

npm install vue-loader vue-template-compiler babel-loader file-loader --save-dev

5. 运行打包命令

在命令行中执行以下命令进行打包：

npm run build

打包完成后，可以在`dist`目录下找到生成的`bundle.js`文件。