HtmlWebpackPlugin

1. template, favicon路徑問題

文件結(jié)構(gòu)如下


文件目錄結(jié)構(gòu)
// 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是將相對路徑轉(zhuǎn)化為絕對路徑
    __dirname:是當(dāng)前文件夾的絕對路徑如E:\workspace\my-project\build
    __filename:是當(dāng)前文件夾的絕對路徑E:\workspace\my-project\build\webpack.base.conf.js
    process.cwd(): 是執(zhí)行node命令所在的目錄
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,554評論 19 139
  • 1.HtmlWebpackPlugin 使用HtmlWebpackPlugin兩大作用:1為html文件中引入的外...
    Meteor__閱讀 1,353評論 0 2
  • 1 Webpack 1.1 概念簡介 1.1.1 WebPack是什么 1、一個打包工具 2、一個模塊加載工具 3...
    Kevin_Junbaozi閱讀 7,022評論 0 16
  • 寫在前面的話 閱讀本文之前,先看下面這個webpack的配置文件,如果每一項你都懂,那本文能帶給你的收獲也許就比較...
    不忘初心_9a16閱讀 3,337評論 0 16
  • 早晨打開手機(jī),看到老同學(xué)發(fā)來的消息,又有一位老人走了,也就是說,我還要去那個地方,一周一次的“光顧”,讓人潸然淚下...
    娜木翰閱讀 541評論 0 1

友情鏈接更多精彩內(nèi)容