Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/variables/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/fsharp/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Variables 如何向故事书中注入环境变量_Variables_Environment_Storybook - Fatal编程技术网

Variables 如何向故事书中注入环境变量

Variables 如何向故事书中注入环境变量,variables,environment,storybook,Variables,Environment,Storybook,这是我的package.json,我使用了'STORYBOOK\u THEME=red STORYBOOK\u DATA\u KEY=12345 npm run STORYBOOK'cmd,但它不起作用。这是一本解释环境变量使用的故事书,我用错了吗 这个问题已经解决了。我正在使用windows系统,我必须输入“set STORYBOOK\u THEME=red”来设置环境变量,然后我可以通过“process.env.STORYBOOK\u THEME”获得这个变量 我将脚本更改如下: {

这是我的package.json,我使用了
'STORYBOOK\u THEME=red STORYBOOK\u DATA\u KEY=12345 npm run STORYBOOK'
cmd,但它不起作用。这是一本解释环境变量使用的故事书,我用错了吗

这个问题已经解决了。我正在使用windows系统,我必须输入“set STORYBOOK\u THEME=red”来设置环境变量,然后我可以通过“process.env.STORYBOOK\u THEME”获得这个变量

我将脚本更改如下:

{
    "main": "index.js",
    "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "storybook": "start-storybook -p 9001 -c .storybook ",
    },
    "dependencies": {
        ...
    },
    "devDependencies": {
        "@sambego/storybook-styles": "^1.0.0",
        "@storybook/addon-actions": "^4.1.7",
        "@storybook/addon-info": "^4.1.7",
        "@storybook/addon-knobs": "^4.1.7",
        "@storybook/addon-links": "^4.1.7",
        "@storybook/addon-notes": "^4.1.7",
        "@storybook/addon-viewport": "^4.1.7",
        "@storybook/addons": "^4.1.7",
        "@storybook/react": "^4.1.7",
        "autoprefixer": "7.1.1",
        "babel-core": "^6.26.3",
        "babel-eslint": "7.2.3",
        "babel-loader": "^7.1.1",
        "babel-plugin-transform-decorators-legacy": "^1.3.5",
        "babel-plugin-transform-runtime": "^6.23.0",
        "babel-preset-env": "^1.6.0",
        "babel-preset-react-app": "^3.0.2",
        "clean-webpack-plugin": "^0.1.16",
        "copy-webpack-plugin": "^4.3.1",
        "css-loader": "^0.28.0",
        "eslint": "4.10.0",
        "eslint-config-react-app": "^2.0.1",
        "eslint-loader": "1.9.0",
        "eslint-plugin-flowtype": "2.39.1",
        "eslint-plugin-import": "2.8.0",
        "eslint-plugin-jsx-a11y": "5.1.1",
        "eslint-plugin-react": "7.4.0",
        "extract-text-webpack-plugin": "^4.0.0-beta.0",
        "file-loader": "^3.0.1",
        "html-loader": "^0.4.5",
        "html-webpack-plugin": "^3.2.0",
        "less": "^2.7.2",
        "less-loader": "^4.0.5",
        "postcss-flexbugs-fixes": "3.0.0",
        "postcss-loader": "2.0.6",
        "react-styleguidist": "^5.5.7",
        "react-svg": "^6.0.21",
        "react-svg-loader": "^2.1.0",
        "storybook-addon-jsx": "^6.0.0",
        "storybook-readme": "^4.0.5",
        "style-loader": "^0.16.1",
        "uglifyjs-webpack-plugin": "^0.4.3",
        "url-loader": "^0.5.8",
        "webpack": "^4.29.0",
        "webpack-cli": "^3.2.1",
        "webpack-dev-middleware": "^3.5.1",
        "webpack-dev-server": "^3.1.14"
    },
    "babel": {
        "presets": [
            "react-app"
        ]
    },
}`

它起作用了

如果想要注入常规
.env
文件的内容呢?@jayarjo,就像我们说的,蟋蟀。
    "scripts": {
    "book": "set STORYBOOK_THEME=red&&start-storybook -p 9001 -c .storybook"
  }