1. 在最外层新建 .env 文件
REACT_APP_GOOLE_MAP_API = your_key
// 注意命名方式,在react中必须以 REACT_APP_开头
2. 安装 dotenv-webpack 插件,可以帮助 webpack 加载 .env 文件
yarn add dotenv-webpack -D
3. 配置 webpack.config.json
const DotenvWebpack = require('dotenv-webpack');
module.exports = {
// ...其他配置项
plugins: [
// ...其他插件
new DotenvWebpack()
]
};
4. 获取密钥
console.log(process.env.REACT_APP_GOOLE_MAP_API);