vue-cli 不同环境引用不同js

可以通过修改webpack配置文件来实现不同环境下引用不同的JS文件。具体步骤如下：

1. 在`config`文件夹下创建`env`文件夹，并在其中创建`dev.env.js`、`prod.env.js`等环境文件，分别定义不同环境下的变量和值，例如：

// dev.env.js
module.exports = {
  NODE_ENV: '"development"',
  API_BASE_URL: '"http://localhost:3000"'
}

// prod.env.js
module.exports = {
  NODE_ENV: '"production"',
  API_BASE_URL: '"https://api.example.com"'
}

2. 在`build`文件夹下的`webpack.base.conf.js`中，使用`webpack.DefinePlugin`插件将环境变量注入到代码中，例如：

const webpack = require('webpack')
const env = require('../config/env/' + process.env.NODE_ENV + '.env.js')

module.exports = {
  // ...
  plugins: [
    new webpack.DefinePlugin({
      'process.env': env
    })
  ]
}

3. 在代码中使用环境变量，例如：

axios.get(`${process.env.API_BASE_URL}/users`).then(response => {
  console.log(response.data)
})

这样就可以根据不同的环境引用不同的JS文件了。