java window.onload_从HTML中的window.onload调用webpacked代码
我在index.js中有一个导出的模块,带有一个函数start(),我希望在我的HTML的body标签中调用 以下是来自项目的代码:https://github.com/zv/treerequire('babel-polyfill');var path = require('path');var dir_js = path.resolve(__dirname, 'src');var dir_b..
我在index.js中有一个导出的模块,带有一个函数start(),我希望在我的HTML的body标签中调用
以下是来自项目的代码:https://github.com/zv/tree
require('babel-polyfill');
var path = require('path');
var dir_js = path.resolve(__dirname, 'src');
var dir_build = path.resolve(__dirname, 'build');
module.exports = {
entry: path.resolve(dir_js, 'main.js'),
output: {
libraryTarget: 'var',
library: 'ZVTree',
path: dir_build,
filename: 'zv-tree.js'
},
module: {
loaders: [
{
loader: 'babel-loader',
test: dir_js,
}
]
},
// Create Sourcemaps for the bundle
devtool: 'source-map',
devServer: {
contentBase: dir_build,
}
};
这是我的代码,index.js截断:index.js:
module.exports = {
start: function(){
console.log('hey')
intializeVariables()
addListeners()
}}
index.html的:
webpack.config.js:
module.exports = {
entry: './index.js',
output: {
libraryTarget: 'var',
library:'App',
path: './dist',
filename: 'bundle.js'
},
module: {
loaders: [
{ test: /\.js$/, loader: 'babel', exclude: /node_modules/ }
]
}
}
每次我在浏览器中运行项目时都会收到错误:Uncaught ReferenceError:应用程序未被定义为应该作为库公开时,如果我将整个内容放在脚本标记而不是正文中,它也将无法运行 . 非常感谢任何帮助或想法 .
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)