vue2 npm run build打包后 index.js没有引入js文件

在 Vue2 中，通常我们会在 `main.js` 文件中引入其他 js 文件，然后在模板中使用这些文件中的函数、对象等。当你进行 `npm run build` 打包时，这些 js 文件会被打包进入 `index.js` 中，而不是保留成单独的文件。因此，如果你在打包后的 `index.js` 中没有找到你引入的 js 文件，那么可能是因为在打包过程中出现了错误。

首先，你需要确认你的 js 文件是否被正确地引入了 `main.js` 文件中。如果没有被正确地引入，那么在打包时就不会被包含在 `index.js` 文件中。

其次，你需要检查打包过程中是否出现了错误。你可以在命令行中运行 `npm run build` 命令来进行打包，并查看命令行中输出的信息。如果出现了错误，那么需要修复错误后重新进行打包。

最后，你可以尝试手动将 js 文件打包成单独的文件，然后在模板中引入这些文件。这样可以保证这些 js 文件不会被打包进 `index.js` 文件中，但同时也会增加页面的请求数量和加载时间。

相关问题

在vue.config.jsz中,module.exports = { publicPath: './', outputDir: 'dist', assetsDir: 'static', },在package.json中{ "build": "vue-cli-service build", "build:test": "vue-cli-service build --mode test",}，npm run build时打包目录是正常的，npm run build:test时打包的文件没有按照文件类型归类到相应目录

根据你提供的信息，我猜测是因为在 `vue.config.js` 中没有配置不同文件类型的输出目录。你可以尝试在 `vue.config.js` 中添加如下代码：

module.exports = {
  publicPath: './',
  outputDir: 'dist',
  assetsDir: 'static',
  configureWebpack: {
    // 配置输出文件目录
    output: {
      // js 文件输出目录
      js: 'static/js/[name].js',
      // css 文件输出目录
      css: 'static/css/[name].css',
      // img 文件输出目录
      img: 'static/img/[name].[ext]',
      // font 文件输出目录
      font: 'static/font/[name].[ext]',
      // 其他文件输出目录
      other: 'static/other/[name].[ext]'
    }
  }
}

这样做可以让不同类型的文件输出到不同的目录下，方便后续的管理和维护。注意，这个配置只会对 `npm run build` 命令生效，对于 `npm run build:test` 命令可能需要单独配置。

vue npm run build生产环境和测试环境

在Vue项目中，可以使用npm run build命令来进行生产环境和测试环境的打包。具体的配置可以在package.json文件中的scripts字段中找到。根据提供的引用内容，可以执行以下命令来进行打包：

1. 打包生产环境：

npm run build

2. 打包测试环境：

npm run build:dev

执行以上命令后，Vue项目将会根据相应的配置进行打包，生成相应的文件和目录。