# react-webpak-config

**Repository Path**: sbotlp/react-webpak-config

## Basic Information

- **Project Name**: react-webpak-config
- **Description**: react-webpak-config配置
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2017-12-30
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

--save-dev:开发模式

--save:正常模式

涉及到环境的内容，全部都需要-dev

常用库：react，react-dom，jquery，bootstrap（不加-dev）

npm install:根据package.json文件中的依赖情况进行安装，版本也是根绝package.json中的显示安装的 

npm install --save-dev jquery@2.1.4

注意此套配置需要指定使用3.0.2的路由

安装命令：npm install --save-dev react-router@3.0.2

此webpack 已经配置好的功能

1、react

2、react-redux

3、react-router

4、antd-mobile


警告=================>>>>>>>>>>>>>>>>>

UglifyJsPlugin=> new webpack.optimize.UglifyJsPlugin

不支持编译es6

换成

uglifyjs-webpack-plugin==>>

配置

引入：
```
var UglifyJsPlugin =require('uglifyjs-webpack-plugin');

```
使用：

```
new UglifyJsPlugin({
      // 使用外部引入的新版本的js压缩工具
      parallel: true,
      uglifyOptions: {
      ie8: false,
      ecma: 6,
      warnings: false,
      mangle: true,
      // debug false
      output: {
      comments: false,
      beautify: false,
      // debug true
      },
      compress: {
        // 在UglifyJs删除没有用到的代码时不输出警告
        warnings: false,
        // 删除所有的 `console` 语句
        // 还可以兼容ie浏览器
        drop_console: true,
        // 内嵌定义了但是只用到一次的变量
        collapse_vars: true,
        // 提取出出现多次但是没有定义成变量去引用的静态值
        reduce_vars: true,
      }
    }
  }),
```