码迷,mamicode.com
首页 > 移动开发 > 详细

create-react-app项目配置

时间:2019-03-23 17:29:34      阅读:815      评论:0      收藏:0      [点我收藏+]

标签:pac   ports   reac   dev   use   path   app   exp   node   

创建项目

npx create-react-app 项目名

自定义配置

安装自定义配置所需插件:yarn add react-app-rewired customize-cra --dev

安装 babel-plugin-import 来加载 antd:yarn add babel-plugin-import --dev

项目根目录新建一个 config-overrides.js

const { override, fixBabelImports, addWebpackAlias } = require('customize-cra')
const path = require('path')
module.exports = override(
  // 配置路径别名
  addWebpackAlias({
    components: path.resolve(__dirname, 'src/components'),
    utils: path.resolve(__dirname, 'src/utils'),
    actions: path.resolve(__dirname, 'src/actions')
  }),
  //按需加载antd
  fixBabelImports('import', {
    libraryName: 'antd',
    libraryDirectory: 'es',
    style: 'css'
  })
)

跨域配置

运行:yarn add http-proxy-middleware --dev
在 src 目录下新建 setupProxy.js

const proxy = require('http-proxy-middleware')

module.exports = function(app) {
  app.use(
    proxy('/api', {
      target: 'https://gitee.com/api/v5/',
      changeOrigin: true,
      pathRewrite: {
        '^/api': ''
      }
    })
  )
}

使用sass

yarn add node-sass

create-react-app项目配置

标签:pac   ports   reac   dev   use   path   app   exp   node   

原文地址:https://www.cnblogs.com/ak-b/p/10584692.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!