vertex-react-app

react project builder

Usage no npm install needed!

<script type="module">
  import vertexReactApp from 'https://cdn.skypack.dev/vertex-react-app';
</script>

README

vertex-react-app🐟

英文|English

一款支持Webpack+TypeScript+React的前端脚手架

特点🎉

  1. 相比于create-react-app速度更快,并且支持更多的自定义和部署。
  2. webpack-dev-server出手,可以完全使用webpack官网的方法进行配置。
  3. 打包的文件中带有分析报告。
  4. 加入postcss,移动端也能快速开发。
  5. 加入eslintprettier进行代码规范。
  6. 支持Jest测试。
  7. 加入git commmit检测。
  8. 支持mock测试。
  9. 打包过程以及编译过程美化。

使用

  1. npm install vertex-react-app -g

  2. vertex init [projectDirName]

自定义配置

  1. devServer(webpack服务器配置)

    • config文件夹下的config.js文件中可以配置ProxyPort等信息。
  2. 自定义路径配置

    • config文件夹下的webpack.base.js文件中的resolve -> alias可以配置。
    • 需要在根目录下的tsconfig.js中的compilerOptions -> paths进行配置。

(更多自定义配置等待你去发现)……