NodeJS之Webpack打包工具

发表于 更新于

webpack

entry

每个entry属性，对应一个入口文件，便于单页，多页面应用的JS引入。

1
2
3
4
5
6
7
8
9
10
11
//单页入口
entry:{
    main:'./src/index'
}
//单页入口简写
entry:'./src/index'
//多入口
entry:{
    one:'./src/one/index.js',
    two:'./src/two/index.js'
}

output

1
2
3
4
5
//单入口
output:{
    path:path.resolve(__dirname,'dist')
    filename:bundle.js
}

exports 和 module.exports

Node.js本身提供了很多核心模块 ，这些核心模块被编译成二进制文件，可以require(‘模块名’)去获取；核心模块具有最高的加载优先级（有模块与核心模块同名时会体现）,如：

1
2
3
4
5
6
//
var fs = require('fs')
var http = require('http')
var myadd = require('./add')//本目录下的add.js
var myadd = require('../add')//相对路径加载
var myadd = require('/add')//绝对路径加载

核心模块（Core Modules）

核心模块总是被优先加载

loader

用于对模块的源代码进行转化