reactjs - 如何将 react-app-rewired 与 webpack 开发服务器一起使用？

Question

我想在没有“react-app-rewired start”脚本的项目中使用 react-app-rewired npm 包。

这是我的 package.json 文件：

{
  ///
   script:{
      ///
      "watch": "webpack-dev-server",
      /// 
   }   
 ///  
}

我可以通过sudo yarn watch启动我的服务器。所以我不能用react-app-rewired start重写它。

这是我的 config-overrides.js 文件：

const path = require("path");
const {
    override,
    fixBabelImports,
    addLessLoader,
    addWebpackPlugin
} = require("customize-cra");
const AntDesignThemePlugin = require("antd-theme-webpack-plugin");

const options = {
    stylesDir: path.join(__dirname, "./src/styles"),
    antDir: path.join(__dirname, "./node_modules/antd"),
    varFile: path.join(__dirname, "./src/styles/vars.less"),
    themeVariables: ["@primary-color"],
    // indexFileName: "index.html"
};

module.exports = override(
    fixBabelImports("antd", {
        libraryName: "antd",
        libraryDirectory: "es",
        style: true
    }),
    addWebpackPlugin(new AntDesignThemePlugin(options)),
    addLessLoader({
        lessOptions: {
            javascriptEnabled: true
        }
    })
);

我也可以使用webpack.config.js文件。如果有人知道如何在该文件中添加此配置，非常欢迎。谢谢你！

标签： reactjswebpackantdreact-app-rewiredcustomize-cra