webpack、react、es6、antd配置

最新推荐文章于 2024-08-21 18:34:12 发布

置顶

波波不起床

最新推荐文章于 2024-08-21 18:34:12 发布

阅读量341

点赞数

分类专栏： react框架

本文链接：https://blog.csdn.net/bobo_bc/article/details/108166055

版权

本文介绍了如何配置Webpack，包括查看和切换源，以及在package.json中的配置。同时，提到了项目中使用的.babelrc文件和webpack.prod.conf.js的设置，适用于React应用中结合ES6语法和Ant Design的构建流程。

摘要由CSDN通过智能技术生成

1. 查看源，切换源

2. package.json配置

1. 查看源，切换源

npm config get registry  // 查看npm当前镜像源
npm config set registry https://registry.npm.taobao.org/  // 设置npm镜像源为淘宝镜像

yarn config get registry  // 查看yarn当前镜像源
yarn config set registry https://registry.npm.taobao.org/  // 设置yarn镜像源为淘宝镜像

2. package.json配置

{
  "name": "webpack_react",
  "version": "1.0.0",
  "description": "STABLE VERSION",
  "main": "main.js",
  "scripts": {
    "prod": "webpack-dev-server --config ./build/webpack.prod.conf.js",
    "build": "webpack --config ./build/webpack.prod.conf.js"
  },
  "keywords": [
    "demo"
  ],
  "author": "zhubo",
  "license": "ISC",
  "devDependencies": {
    "antd": "^3.13.4",
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5",
    "babel-plugin-dva-hmr": "^0.4.1",
    "babel-plugin-import": "^1.11.0",
    "babel-plugin-transform-decorators-legacy": "^1.3.5",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-preset-env": "^1.7.0",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-2": "^6.24.1",
    "bootstrap": "^4.3.1",
    "css-loader": "^2.1.0",
    "echarts": "^4.1.0",
    "file-loader": "^3.0.1",
    "html-loader": "^0.5.5",
    "html-webpack-plugin": "^3.2.0",
    "jquery": "^3.3.1",
    "less": "^3.9.0",
    "less-loader": "^4.1.0",
    "popper.js": "^1.14.7",
    "react": "^16.8.2",
    "react-dom": "^16.8.2",
    "react-router-dom": "^4.3.1",
    "style-loader": "^0.23.1",
    "url-loader": "^1.1.2",
    "webpack": "^4.29.5",
    "webpack-cli": "^3.2.3",
    "webpack-dev-server": "^3.1.14",
    "webpack-merge