[9-17] Entry

context

官方解释

基础目录，绝对路径，用于从配置中解析入口起点(entry point)和 loader，默认使用当前目录，但是推荐在配置中传递一个值。

解析理解

weback会对当前工程项目进行文件处理，那weback的初始所在文件层级地址就是由context设置。配置文件中相对地址的默认地址。

使用方法

配置文件

module.exports = {
  context: path.resolve(__dirname, "../src")
}

命令启动

  "scripts": {
    "start": "webpack-dev-server --open --config ./config/webpack.dev.js --context ./src",
  },

Demo地址

https://github.com/rodchen-king/wepack-learn/commit/268987ca1e3cb0db4db58b8a04272d42eda4ec0f

entry

官方解释

起点或是应用程序的起点入口。从这个起点开始，应用程序启动执行。

解析理解

webpack处理项目工程的初始入口文件。index.html的初始引入的文件index.js。当然也可能引入多个入口js。

使用方法

module.exports = {
  context: path.resolve(__dirname, "../src"),
  entry: './entry/entry1.js',                                            // 字符串用法
  // entry: ['./entry/entry2.js', './entry/entry1.js'],                     // 数组用法
  // entry: { entry1a: './entry/entry2.js', entry2a: './entry/entry1.js' }, // 对象用法
  output: {
    filename: '[name].[contentHash].js',
    path: path.resolve(__dirname, '../dist')
  }
}

Demo地址

https://github.com/rodchen-king/wepack-learn/commit/a7b25c95950076cf77c2fc7a4877610b4e7a73f3