亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在 webpack 中創建具有給定名稱的輸出文件名?

如何在 webpack 中創建具有給定名稱的輸出文件名?

qq_笑_17 2022-12-02 17:18:43
我有使用 ES 模塊的庫,我想在 ES5 中生成 UMD 文件。我有這樣的配置:var path = require('path');var webpack = require('webpack');module.exports = {    entry: {        index: path.resolve('./src/index.js')    },    output: {        library: 'name',        libraryTarget: 'umd',        path: path.resolve(__dirname, 'dist'),        filename: 'umd.min.js'    },    module: {        loaders: [            {                test: /\.js$/,                loader: 'babel-loader',                exclude: /node_modules/,                query: {                    presets: ['env']                }            }        ]    },    stats: {        colors: true    },    mode: 'production',    devtool: 'source-map'};和 webpack 創建文件main.js我怎樣才能制作輸出文件umd.min.js?> webpack --mode productionHash: 98ccf0949bfdf066246aVersion: webpack 4.44.0Time: 97msBuilt at: 25.07.2020 16:30:31  Asset      Size  Chunks             Chunk Namesmain.js  2.23 KiB       0  [emitted]  mainEntrypoint main = main.js[0] ./src/index.js + 3 modules 3.6 KiB {0} [built]    | ./src/index.js 294 bytes [built]    | ./src/Canvas.js 1.88 KiB [built]    | ./src/Item.js 1.2 KiB [built]    | ./src/constants.js 239 bytes [built]我的 package.json 看起來像這樣:  "type": "module",  "main": "./src/index.js",  "unpkg": "./dist/umd.min.js",所以這是一個錯誤?為什么文件名為main.js?
查看完整描述

2 回答

?
汪汪一只貓

TA貢獻1898條經驗 獲得超8個贊

所以,默認情況下 webpack 發出塊名稱為“main.js”,所以如果你想重命名塊名稱,請在你的 webpack 配置文件的輸出對象中使用“chunkFilename”選項,這是我如何做的例子那:


output: {

filename: env === 'development' ? '[name].js' : '[name].[hash].js',

path: path.resolve(__dirname, '../dist'),

chunkFilename: 'scripts/[name].[hash].js',},

在你的情況下你應該這樣做:


chunkFilename: 'umd.min.js'


查看完整回答
反對 回復 2022-12-02
?
蝴蝶不菲

TA貢獻1810條經驗 獲得超4個贊

問題是 webpack-cli 建議將文件重命名為 cjs 但不要說它默認不加載,您需要在運行 webpack 時顯式添加 --config 和文件名。

看到這個問題:

https://github.com/webpack/webpack-cli/issues/1165


查看完整回答
反對 回復 2022-12-02
  • 2 回答
  • 0 關注
  • 149 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號