# webpack学习

**Repository Path**: oneal/webpack_learning

## Basic Information

- **Project Name**: webpack学习
- **Description**: 环境： webpack 4.17.2  学习
- **Primary Language**: HTML
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-09-15
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


准备
-----

  ### install


```
npm install
```

  ### 打包编译

> 打包命令设置查看 `package.json` 

```
npm run webpack
```

web-pack
-----
- web-pack 基本配置

    * entry、output 中 js 打包文件名设置、文件路径设置 

- html 处理
  * **html模板引入js文件**
  * **webpack模板语法、html中获取变量**

      1、分别从`index.html`、`template.html`两个模板中引入不同的js文件

      


web-pack-loader
----

  - html 文件引入其他html模板
    * **`app.js` 引入 `layer.js`export 的html模板。**

      使用html-loader

  - 各种loader的使用

    * **postcss-loader**

      为css、less等样式自动生成兼容各种浏览器的-webkit -ms -moz等前缀
    
    * **babel-loader**

      对 `.js`文件支持最新的es语法，在编写js代码时很方便。最终打包则编译为浏览器可执行的js语法。

    * **less-loader**