# wabpack

**Repository Path**: hjbid/wabpack

## Basic Information

- **Project Name**: wabpack
- **Description**: webpack简单demo
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2016-10-16
- **Last Updated**: 2020-12-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

##安装
* npm install webpack@1.12.x --save-dev

* npm install html-webpack-plugin --save-dev

* sudo npm install extract-text-webpack-plugin （独立打包样式文件）

* sudo npm install --save-dev webpack-dev-server

* npm install assets-webpack-plugin --save-dev (html文件的版本号)

* npm install url-loader file-loader --save  (处理图片、字体等文件)

* npm install react-hot-loader jsx-loader --save  (解析JSX)

* npm install vue-loader --save (解析VUE)

* npm install babel-loader --save  (解析ES6语法)

* npm install expose-loader --save  (特殊模块的 Shim 暴露全局加载器)

* npm install postcss-loader --save-dev  （转化样式的工具）

#### 安装 React JS
* npm install react --save (安装 React JS)

## 如果没有写入权限，请尝试如下代码更改权限

* chflags -R nouchg .
* sudo chmod  775 package.json

## 运行
* npm run test 编译

* npm run build 开发环境

* npm run dev 线上环境

##CLI( 命令行)

* $ webpack --config XXX.js   //使用另一份配置文件（比如webpack.config2.js）来打包

* $ webpack --watch   //监听变动并自动打包

* $ webpack -p    //压缩混淆脚本，这个非常非常重要！

* $ webpack -d    //生成map映射文件，告知哪些模块被最终打包到哪里了

## node.js API

### 上线

 1.用 $ webpack --config webpack.min.js 指定另一个名字的配置文件

#### 外部库
* web_modules引用外部库