NPM搭建React开发环境

前提是安装了npm和node

npm或cnpm命令创建项目:

cnpm install -g create-react-app  ===>>( npm install -g create-react-app 

create-react-app my-app (my-app是你自己的项目名称  自定义)

创建成功

 

跟着步骤走:

cd my-app

npm start

 

 也有可能会失败

 

 

 这时候呢不要方,清理一下缓存再安装  (亲测已解决)

  npm cache clean --force

 

 

打包发布

  npm run build

  npm install -g serve

  serve build

实现组件的按需打包

·  1.下载依赖模块

    yarn add react-app-rewired customize-cra babel-plugin-import

  2.定义加载配置的js模块:

    在项目根目录下创建 config-overrides.js 文件并添加以下代码

     const { override, fixBabeLImports } = require(' customize-cra');

module.exports = override(
    // 针对antd实现按需打包
    fixBabeLImports(' import ', {
        libraryName: 'antd ',
        libraryDirectory: 'es ',
        style: 'css', //自动打包相关的样式
    }),
);

    注意*:

    react-app-rewired2.0之后,“injectbabelplugin”助手已被弃用 如果是最新版的会报错

 

 react-app-rewired降到2.0的方法

  执行以下两条命令

  1.npm uninstall react-app-rewired    删除原来的react-app-rewired

  2.npm i react-app-rewired@2.0.2-next.0   安装2.0版本

  

 

posted @ 2020-12-18 11:07  病阳阳  阅读(194)  评论(0)    收藏  举报