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命令所在的目录
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,967评论 19 139
  • 1.HtmlWebpackPlugin 使用HtmlWebpackPlugin两大作用:1为html文件中引入的外...
    Meteor__阅读 1,284评论 0 2
  • 1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 6,733评论 0 16
  • 写在前面的话 阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较...
    不忘初心_9a16阅读 3,260评论 0 17
  • 早晨打开手机,看到老同学发来的消息,又有一位老人走了,也就是说,我还要去那个地方,一周一次的“光顾”,让人潸然泪下...
    娜木翰阅读 503评论 0 1