我在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:应用程序未被定义为应该作为库公开时,如果我将整个内容放在脚本标记而不是正文中,它也将无法运行 . 非常感谢任何帮助或想法 .

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐