代码之家 › 专栏 › 技术社区 › yN.

基于不同的配置文件创建多个react构建

webpack reactjs

yN. · 技术社区 · 6 年前

我用create react app创建了一个web应用。我不需要通过“yarn build”生成一个构建文件夹,而是需要有多个构建文件夹,每个文件夹使用不同的配置文件(用于数据库连接等)。

我该怎么做?

1 回复 | 直到 6 年前

JaLe 6 年前

是的,这是可能的。只需定义另一个构建脚本。

查找 script 在里面 package.json 像这样的:

"scripts": {
    "start": "node scripts/start.js",
    "build": "npm run git-info && node scripts/build.js",
    "test": "git-info && node scripts/test.js --env=jsdom",
    "git-info": "git log -1 --pretty=format:\"%h%x09%x09%ad%x09%s\" > src/static/gitInfo.txt"
},

你可以这样定义:

"scripts": { 
    "build": "npm run git-info && node scripts/build.js && node scripts/build2.js && node scripts/build3.js", 
},

当你打电话 yarn build ,它称为 build 剖面图( npm run git-info && node scripts/build.js && node scripts/build2.js && node scripts/build3.js )

(纱线或npm…)

在生成脚本中 scripts/build.js , scripts/build1.js , ... 您可以定义所需内容(输出文件夹等)

推荐文章

Guillaume Harari · 根据开发或产品环境加载css

6 年前

Max Silva · 无法使用vuejs2和webpack嵌入自定义字体

6 年前

Fered · Npm、Dev dependecy或dependecy,当使用webpack等将所有内容打包到一个脚本中时?

6 年前

Carlo · 如何使用Webpack 4仅在某些模块中导入jQuery?

6 年前

zh-mskl9 · Pug+Web包开发服务器

6 年前

Mizlul · 无法解析“css加载程序!”!自动刷新器加载程序'

6 年前

Aleksandr Gvozdev · 模拟'fs。readdirSync`节点。无递归的js

6 年前

jonnyg · 如何在docker文件中获取我可用的docker环境变量?(使用React/JS/webpack)

6 年前

Boris K · 将Extract Text Webpack插件与Vue CLI 3配合使用

6 年前

IsraGab · 使用webpack从angularjs模块加载特定指令

6 年前