webpack2.x 中文文檔翻譯之出口Output

weizx 發(fā)布于2019-08-20 14:42 / 2467人閱讀

摘要：出口影響編譯的輸出告訴怎樣編譯輸出的文件允許多個(gè)入口一個(gè)出口的情況。該選項(xiàng)實(shí)現(xiàn)跨域加載模塊可以的值是命名每個(gè)出口文件。不必明確絕對(duì)路徑。使用設(shè)置項(xiàng)，設(shè)置具體位置。僅僅命名文件名字即可。

出口Output

影響編譯的輸出
告訴webpack怎樣編譯輸出的文件
允許多個(gè)入口一個(gè)出口的情況。

用法

const config = {
  output: "bundle.js"
};

module.exports = config;

選項(xiàng)

以下是你可以設(shè)置的值的output的選項(xiàng)。

output.chunkFilename output.crossOriginLoading

該選項(xiàng)實(shí)現(xiàn)跨域加載模塊
可以的值是：false anonymous use-credentials

output.devtoolLineToLine output.filename

命名每個(gè)出口文件。
不必明確絕對(duì)路徑。
使用output.path設(shè)置項(xiàng)，設(shè)置具體位置。
filename僅僅命名文件名字即可。

{
  entry: "./src/app.js",
  output: {
    filename: "bundle.js",
    path: __dirname + "/build"
  }
}

// writes to disk: ./build/bundle.js

多個(gè)入口
如果你是用多個(gè)塊。
可以使用分發(fā)來(lái)確保每個(gè)文件的名字不重復(fù)

{
  entry: {
    app: "./src/app.js",
    search: "./src/search.js"
  },
  output: {
    filename: "[name].js",
    path: __dirname + "/build"
  }
}

// writes to disk: ./build/app.js, ./build/search.js

output.hotUpdateChunkFilename output.hotUpdateFunction output.hotUpdateMainFilename output.jsonpFunction output.library output.libraryTarget output.path output.sourceMapFilename

GPU云服務(wù)器云服務(wù)器中文翻譯 webrtc中文翻譯源碼中文說(shuō)明之 java中文亂碼解決之道

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/81848.html

相關(guān)文章

webpack2.x 中文文檔翻譯之分離庫(kù)代碼Code Splitting - Librari

摘要：瀏覽器需要重新下載打包后的文件，即使文件的絕大部分都沒(méi)有變化。分離并且以來(lái)命名新的入口能夠緩和當(dāng)前的問(wèn)題?，F(xiàn)在運(yùn)行綁定的檢查結(jié)果是只是被綁定到這個(gè)綁定文件中。分離庫(kù)代碼Code Splitting - Libraries 這個(gè)在webpack2.x中文網(wǎng)已存在，點(diǎn)擊這里讓我們想一個(gè)簡(jiǎn)單的應(yīng)用——momentjs，他是一個(gè)事件格式化的庫(kù)。安裝moment. npm install -...

elva 2019-08-20 14:43 評(píng)論0 收藏0
webpack2.x 中文文檔翻譯之開(kāi)發(fā)Development

摘要：下載完成之后你可以這樣啟動(dòng)它如果控制臺(tái)提醒這個(gè)指令無(wú)效，可以嘗試最好的方法是在中添加命令如下上述命令會(huì)使瀏覽器自動(dòng)打開(kāi)到地址。下載完成，如下使用。開(kāi)發(fā)Development 在這篇中我們將說(shuō)明怎樣開(kāi)始開(kāi)發(fā)，以及增從三個(gè)工具中擇一進(jìn)行開(kāi)發(fā)。假使你已經(jīng)設(shè)置了webpack.config.js設(shè)置文件。該文檔已在webpack2.x中存在，點(diǎn)擊這里永遠(yuǎn)不要再生產(chǎn)產(chǎn)品中使用這些工具，絕對(duì)...

GeekGhc 2019-08-20 14:40 評(píng)論0 收藏0
webpack2.x 中文文檔翻譯之公開(kāi)路徑(pbulic path)

摘要：公開(kāi)路徑該條已在中文網(wǎng)存在點(diǎn)擊這里有一個(gè)非常有用的設(shè)置，允許你設(shè)置一個(gè)所有資源的基礎(chǔ)路徑在你的應(yīng)用中。使用案例這里有有些實(shí)際應(yīng)用中的案例，其中它使用的非常靈活。公開(kāi)路徑(pbulic path) 該條已在webpack2.x中文網(wǎng)存在,點(diǎn)擊這里 webpack有一個(gè)非常有用的設(shè)置，允許你設(shè)置一個(gè)所有資源的基礎(chǔ)路徑在你的應(yīng)用中。它叫做publicPath。使用案例(Use cases...

W4n9Hu1 2019-08-20 14:43 評(píng)論0 收藏0
代碼分離-import() webpack2.x 中文文檔翻譯

摘要：代碼分離使用中文文檔地址點(diǎn)擊這里動(dòng)態(tài)導(dǎo)入目前，類(lèi)函模塊加載的語(yǔ)法建議整體交給。在中的是個(gè)分離點(diǎn)，用來(lái)把被請(qǐng)求的模塊獨(dú)立成一個(gè)單獨(dú)的模塊。被替代因?yàn)樵谥惺褂靡呀?jīng)不合建議規(guī)范，因此將在版本中啟用。代碼分離-使用import() 中文文檔地址點(diǎn)擊這里動(dòng)態(tài)導(dǎo)入目前，類(lèi)函模import()塊加載的語(yǔ)法建議——syntax proposal整體交給ECMAScript。ES2015(es6)...

jaysun 2019-08-20 15:18 評(píng)論0 收藏0
webpack2.x 中文文檔翻譯之依賴(lài)管理 Dependency Management

摘要：依賴(lài)管理該條已在中文網(wǎng)存在，點(diǎn)擊這里表達(dá)式來(lái)調(diào)用當(dāng)你的請(qǐng)求包含表達(dá)式，那個(gè)一個(gè)上下文環(huán)境將被創(chuàng)建。一個(gè)包含所有父文件夾和子及后代文件夾中以結(jié)尾的文件的上下文。一個(gè)函數(shù)，返回一個(gè)數(shù)組，包含上下文模塊能夠處理的所有的請(qǐng)求。依賴(lài)管理 Dependency Management 該條已在webpack2.x中文網(wǎng)存在，點(diǎn)擊這里 es6 modules commonjs amd 表達(dá)式...

raledong 2019-08-20 14:42 評(píng)論0 收藏0