2 回答

TA貢獻1818條經驗 獲得超7個贊
output.libraryExport
在您的中使用webpack.config.js
。(參考)
連同output.libraryTarget
set to一起umd
,output.libraryExport
告訴Webpack將哪個屬性作為由命名的全局變量導出output.library
。
在你的情況下,除了原本的設定,設定output.libraryExport
到default
就是等價的編譯代碼后添加以下代碼片段。
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`
}
}
在控制臺中嘗試一下。
> window.MyClass
class {...}

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