webpack entry & context

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模版文件

猜你喜欢

转载自blog.csdn.net/qq_20567691/article/details/84329968