首页 > 解决方案 > 自定义构建脚本以响应发布自定义文件

问题描述

我编写了一个自定义构建脚本来构建我的反应应用程序。

 const rewire = require('rewire')
const defaults = rewire('react-scripts/scripts/build.js')
const config = defaults.__get__('config')

config.optimization.splitChunks = {
  cacheGroups: {
    default: false
  }
}
config.optimization.runtimeChunk = false
config.output.filename = 'static/js/product3.js'
config.plugins[5].options.moduleFilename = () => 'static/css/product3.css'
config.output.libraryTarget = 'umd'
config.externals = {
  react: {
    root: 'React',
    commonjs2: 'react',
    commonjs: 'react',
    amd: 'react'
  },
  'react-dom': {
    root: 'ReactDOM',
    commonjs2: 'react-dom',
    commonjs: 'react-dom',
    amd: 'react-dom'
  }
}

这将创建一个构建。但是,我的项目还包括一个 config/env.json 文件,我需要将其打包到构建中。有什么办法可以调整上面的构建文件,以便构建包含 config/env.json?

标签: reactjswebpackreact-scripts

解决方案


推荐阅读