antd 全局参数配置_create react app配置webpack

前言

作者刘俊余，擅长前端开发(Html5,ReactNative,Js框架) 最近在折腾React+Mobx+Antd脚手架(React-scaffold)，欢迎大家Star 这篇文章主要给大家讲解一下如何修改CRA项目的Webpack

前置条件(precondition)

• Creating a New Application

Creating a New Application

• 安装yarn

npm install yarn -g

• 安装依赖

yarn install

• 显示webpack配置

npm run eject

• 添加alias 可以根据项目自行配置

alias: {
  'react-native': 'react-native-web',
  'src':path.join(__dirname, '..', 'src'),
  'language':path.join(__dirname, '..', 'src/language'),
  'router':path.join(__dirname, '..', 'src/router'),
  'Modebase':path.join(__dirname, '..', 'src/Modebase'),
  'containers':path.join(__dirname, '..', 'src/containers')
}

• 添加cssnext(postcs) 一种可以让你使用CSS最新特性的插件。它通过将最新的CSS特性转变为现阶段浏览器所兼容的特性，这样你不用再等待浏览器对某一特定新特性的支持。

修改webpack.config.dev.js添加postcss插件

{
  loader: requir