### src/bar.js
```
exports.info=function(str){
document.write(str);
}
```
### src/logic.js
```
exports.add=function(a,b){
return a+b;
}
```
### src/main.js
```
var bar= require('./bar');
var logic= require('./logic');
bar.info( 'Hello world!'+ logic.add(100,200));
```
### webpack.config.js
```
和src同级目录, 读取src文件夹下的main.js把对应的js文件打包,打包后放入当前目录的dist文件夹下,打包后的
文件名为bundle.js
var path = require("path");
module.exports = {
entry: './src/main.js',
output: {
path: path.resolve(__dirname, './dist'),
filename: 'bundle.js'
}
};
```
### 执行编译命令
```
webpack
```
- 开发工具
- VsCode
- 常用插件
- Html5
- 标签
- video
- form
- 读取文件
- 地理位置
- canvas
- 本地存储
- localStorage
- sessionStorage
- 网络状态
- Css3
- 背景
- 边框
- 边框图片
- 文字阴影
- 渐变
- Js
- ES6
- 常量和变量
- 模板字符串
- 箭头函数
- 解构赋值
- Spread Operator
- import export
- Promise
- 打包
- webpack
- 安装
- 为什么要打包
- 核心概念
- 热更新
- 入门例子
- js打包
- css打包
- vue
- 简介
- Vue-cli
- 搭建
- 打包发布
- eslint
- Mint-ui
- Vuex
- 状态管理模式
- 使用
- main.js
- store
- component
- Mockjs
- 简介
- EasyMock