基本概念-output

一、基本用法
output的基本配置主要有兩項:

output: {
    filename: 'bundle.js',
    path: '/home/proj/public/assets'
}

這個用法比較簡單,要注意的是path必須是絕對路徑

二、選項
1、output.chunkFilename
文件引用方式有兩種:

require('./src/js/moduleA.js');   //同步加載

require.ensure([], function(){   //異步加載
  require(’./src/js/moduleA.js‘);
});

同步加載 -- 如果不使用CommonsChunkPlugin提取出單獨的文件,一般會與入口文件打包到同一個文件里
異步加載 -- 默認情況下會打包生成一個單獨的文件,可通過output.chunkFilename指定文件名

  • [id] 被 chunk 的 id 替換。
  • [name] 被 chunk 的 name 替換(或者,在 chunk 沒有 name 時使用 id 替換)。
  • [hash] 被 compilation 生命周期的 hash 替換。
  • [chunkhash] 被 chunk 的 hash 替換。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

  • GitChat技術(shù)雜談 前言 本文較長,為了節(jié)省你的閱讀時間,在文前列寫作思路如下: 什么是 webpack,它要...
    蕭玄辭閱讀 12,874評論 7 110
  • output選項影響編譯輸出。output選項控制 webpack 如何向硬盤寫入編譯文件。注意,即使可以存在多個...
    炎武森祿閱讀 1,044評論 1 0
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,511評論 19 139
  • 原文地址:https://webpack.js.org/concepts/output/翻譯:xiyoki Out...
    前端xiyoki閱讀 987評論 0 0
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語法,類相關(guān)的語法,內(nèi)部類的語法,繼承相關(guān)的語法,異常的語法,線程的語...
    子非魚_t_閱讀 34,628評論 18 399

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