webpack entry & context

lizuncong (lizuncong) · GitHubI am a strong believer in reverse engineering. lizuncong has 42 repositories available. Follow their code on GitHub.https://github.com/lizuncong

context 是webpack entry的上下文，是入口文件所处的目录的绝对路径。默认情况下，只想过当前项目根目录。新建demo目录如下：

运行npx webpack --config ./build/webpack.config.js。控制台打印如下：

可见，如果我们不设置context的值，context默认的值就是项目的根目录，即：/Users/lizuncong/Documents/webpack-demos/demo3-1目录。下面我们修改webpack.config.js给context设置一个值并运行webpack，如图。可见能准确找到入口文件。

2.在html-webpack-plugin中，模板文件的路径也是相对于context的。比如:

new HtmlWebpackPlugin({
    title: 'Output Management',
    template: '../index.html'
})

webpack会在path.resolve(context, '../index.html')中查找index.html模版文件