HtmlWebpackPlugin

1. template, favicon路径问题

文件结构如下


文件目录结构
// webpack.base.config.js
 new HtmlWebpackPlugin({
      template: 'app/entry/index.html',
      filename: 'index.html',
      favicon: 'favicon.ico',
      inject: false,
      chunks: ['browser', 'ieCompatible']
    }),
  • template 相对路径
    如上所示的template路径和favicon路径是相对于node 启动命令所在的目录,也就是根目录。
  • template 绝对路径
    template: path.resolve(__dirname, '../app/entry/index.html')其中resolve是将相对路径转化为绝对路径
    __dirname:是当前文件夹的绝对路径如E:\workspace\my-project\build
    __filename:是当前文件夹的绝对路径E:\workspace\my-project\build\webpack.base.conf.js
    process.cwd(): 是执行node命令所在的目录

你可能感兴趣的:(HtmlWebpackPlugin)