使用webpack打包vue项目时，不打包src目录下的pages文件夹

你可以在webpack的配置文件中，通过设置exclude属性来排除不需要打包的目录或文件。

假设你的src目录下有一个pages文件夹，你可以在webpack的module.rules数组中添加一个排除规则：

module.exports = {
  // ...其他配置
  module: {
    rules: [
      // ...其他规则
      {
        test: /\.vue$/,
        use: 'vue-loader'
      },
      {
        test: /\.js$/,
        use: 'babel-loader',
        exclude: /node_modules/ // 排除node_modules目录
      },
      {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        use: {
          loader: 'url-loader',
          options: {
            limit: 10000,
            name: utils.assetsPath('img/[name].[hash:7].[ext]')
          }
        }
      },
      {
        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
        use: {
          loader: 'url-loader',
          options: {
            limit: 10000,
            name: utils.assetsPath('media/[name].[hash:7].[ext]')
          }
        }
      },
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        use: {
          loader: 'url-loader',
          options: {
            limit: 10000,
            name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
          }
        }
      },
      {
        test: /\.js$/,
        use: 'babel-loader',
        exclude: /pages/ // 排除pages目录
      }
    ]
  }
}

在上面的配置中，我们添加了一个排除规则，将所有src目录下的pages文件夹中的js文件排除在外，这样webpack在打包时就不会将这些文件打包进最终的输出文件中。

注意，如果你在使用import或require语句导入pages目录下的文件时，需要使用相对路径，并且确保路径的正确性。