webpack4 + react + react-bootstrap + bootstrp配置及使用（附源码）

最新推荐文章于 2021-01-31 16:17:58 发布

Altaba

最新推荐文章于 2021-01-31 16:17:58 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript react 文章标签： webpack webpack4 react react-bootstrap bootstrp

本文链接：https://blog.youkuaiyun.com/Altaba/article/details/80249783

JavaScript 同时被 2 个专栏收录

21 篇文章

订阅专栏

react

1 篇文章

订阅专栏

本文详细介绍了Webpack 4的配置信息，包括开发和生产环境的构建命令，以及所使用的各种加载器和依赖包，如Babel、React、Sass等，为读者提供了一个完整的前端项目构建解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

欢迎来到Altaba的博客 2018年5月9日

首先附上package.json配置信息

{
  "name": "webpack4",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "webpack --mode development",
    "build": "webpack --mode production",
    "wds": "webpack-dev-server --mode development --output-public-path dist"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/core": "^7.0.0-beta.42",
    "@babel/preset-react": "^7.0.0-beta.42",
    "babel-core": "^6.26.0",
    "babel-loader": "^8.0.0-beta.2",
    "babel-preset-env": "^1.6.1",
    "babel-preset-react": "^6.24.1",
    "css-loader": "^0.28.11",
    "file-loader": "^1.1.11",
    "node-sass": "^4.8.3",
    "react": "^16.3.1",
    "react-dom": "^16.3.1",
    "sass-loader": "^7.0.1",
    "semantic-ui-css": "^2.3.1",
    "semantic-ui-react": "^0.79.1",
    "style-loader": "^0.20.3",
    "url-loader": "^1.0.1",
    "webpack": "^4.2.0",
    "webpack-cli": "^2.0.13",
    "webpack-dev-server": "^3.1.1"
  },
  "dependencies": {
    "bootstrap": "^3.3.7",
    "normalize.css": "^8.0.0",
    "react-bootstrap": "^0.32.1"
  }
}

朋友们：需要源码请留言