create-react-app使用jarvis

jarvis是一个基于webpack的dashboard.

使用这个也很简单,安装下,添加这个插件就好了.不过我使用的是create-react-app生成的项目,并且未eject的.
还好社区有给出一个包去处理.react-app-rewired.

• 安装

  npm i -D webpack-jarvis

• 配置

  使用了这个之后,直接在配置一下就好.

// config-overrides.js
const { injectBabelPlugin } = require('react-app-rewired');
const Jarvis = require("webpack-jarvis");

module.exports = function override(config, env) {
  config = injectBabelPlugin(['import', { libraryName: 'antd', style: 'css' }], config);
  config.plugins = (config.plugins || []).concat([new Jarvis({port: 3006})])
  return config;
};

上面可以发现,我们使用的是指定了一个端口3006. 直接在浏览器输入服务器的ip:port就好,阿里云服务器有安全策略,端口不对外开放,需设置一下.