webpack编译但找不到功能

时间:2017-02-10 17:10:38

标签: javascript webpack babel

所以我在index.js中有以下函数,它被编译到dist/目录中的index.widget.js并通过脚本标记加载:

import rp from 'request-promise';
import lodash from 'lodash';

const events = (divId, venueId, apiBaseUrl) => {
  rp.uri({
    uri: apiBaseUrl + '/venue/' + venueId,
    json: true
  }).then(function(response){
    console.log(response);
  }).catch(function(err){
    throw Error(err);
  });
};

有0个控制台错误

在加载此编译脚本的index.html页面上,我尝试执行以下操作:

events('events', 1, 'http://example.com');

但是在刷新页面时我被告知events在控制台中不是一个函数。

编译文件的底部显示:

var events = function events(divId, venueId, apiBaseUrl) {
  _requestPromise2.default.uri({
    uri: apiBaseUrl + '/venue/' + venueId,
    json: true
  }).then(function (response) {
    console.log(response);
  }).catch(function (err) {
    throw Error(err);
  });
};

如果您需要查看完整导出和编译的文件,我可以为您提供帮助。

我只是在javascript上擦洗或者是否错过了我的网络包中的配置?

var path = require('path');
var webpack = require('webpack');

module.exports = {
  entry: {
    event: './events/app.js'
  },
  output: {
    path: './dist',
    filename: '[name].widget.js'
  },
  target: 'web',
  node: {
    console: true,
    fs: 'empty',
    net: 'empty',
    tls: 'empty'
  },
  module: {
    loaders: [
      {
        test: /.js?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          presets: ['es2015']
        }
      }
    ]
  },
};

我正在使用网络包2。*

0 个答案:

没有答案