react-antd-scripts-new v0.0.1

React-Antd-Scripts

快速启动一个基于Webpack的React+Antd项目

配置项目package.json

{
  "scripts": {
    "start": "react-antd-scripts start",
    "build": "react-antd-scripts build"
  },
  "stylelint": {
    "extends": "react-antd-scripts/stylelint"
  },
  "eslintConfig": {
    "extends": "./node_modules/react-antd-scripts/.eslintrc.json"
  },
  "lintFixOnSave": true,
  "lessModifyVars": {

  }
}

本工具用到的Webpack依赖

基础依赖

npm i webpack webpack-dev-server webpack-merge

编译CSS、Less文件

npm i mini-css-extract-plugin style-loader css-loader postcss-loader autoprefixer less less-loader stylelint stylelint-config-standard stylelint-webpack-plugin

编译JS、TS、JSX、TSX文件

npm i @babel/core @babel/preset-env core-js @babel/preset-react @babel/preset-typescript babel-loader babel-plugin-import babel-loader eslint eslint-loader typescript

编译图片及字体文件

npm i url-loader

其他辅助依赖

npm i terser-webpack-plugin optimize-css-assets-webpack-plugin clean-webpack-plugin copy-webpack-plugin html-webpack-plugin