一种方法是使用依赖于机器的 conf.js 文件和 env.js 文件。
.gitignore
# it depends on the environement
env.js
conf.js
import ENV from './env.js'
const conf = {
"dev": {
url: '/'
},
"prod": {
url: 'www.example.com'
},
"test": {
url: 'www.example-test.com'
}
}
export default conf[ENV]
环境.js
// dev
export default "dev"
环境.js
// prod
export default "prod"
而已。现在你可以在你想要的地方使用它。
index.js
import conf from './conf'
console.log("my env url is ", conf.url)
你还可以使用 grunt.js 让一切变得更加自动化
Gruntfile.js
module.exports = function(grunt) {
grunt.initConfig({});
grunt.registerTask("env", function(envValue = 'dev') {
grunt.file.write(
"env.js",
`/* AUTO GENERATED FILE FROM GRUNT */\n
export default envValue;
`
);
});
}
现在您必须更改 package.json 中的脚本
{
...
"scripts": {
"build": "node scripts/build.js",
"buildProd": "npm run grunt env:prod && npm run build",
"buildTest": "npm run grunt env:test && npm run build"
}
...
}
然后在命令行上运行
npm run buildProd