2 回答

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超7個(gè)贊
output.libraryExport
在您的中使用webpack.config.js
。(參考)
連同output.libraryTarget
set to一起umd
,output.libraryExport
告訴Webpack將哪個(gè)屬性作為由命名的全局變量導(dǎo)出output.library
。
在你的情況下,除了原本的設(shè)定,設(shè)定output.libraryExport
到default
就是等價(jià)的編譯代碼后添加以下代碼片段。
window.MyClass /*output.library*/ = module.exports.default /*output.libraryExport*/
配置如下。
/* Something here */
module.exports = {
entry: {
main: './src/index.js'
},
output: {
library: 'MyClass',
libraryTarget: 'umd',
libraryExport: 'default', // export the default as window.MyClass
path: path.resolve(__dirname, 'lib'),
filename: `package.js`
}
}
在控制臺(tái)中嘗試一下。
> window.MyClass
class {...}

TA貢獻(xiàn)1805條經(jīng)驗(yàn) 獲得超9個(gè)贊
如果僅將腳本設(shè)計(jì)為可在Web瀏覽器中運(yùn)行,為什么不直接進(jìn)行window顯式更新:
import MyClass from 'src/myClass'
import 'src/myStyle.css'
window.MyClass = MyClass;
我認(rèn)為這比使用間接更清楚。
添加回答
舉報(bào)