美文网首页
HtmlWebpackPlugin

HtmlWebpackPlugin

作者: wur1 | 来源:发表于2018-11-01 14:50 被阅读0次

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

      本文链接:https://www.haomeiwen.com/subject/njkxxqtx.html