Question

我需要Webpack + Polymer捆绑的帮助。我有超类，它包含API调用并包含promises配置：

<link rel="import" href="../../bower_components/polymer/polymer.html">
<link rel="import" href="../../bower_components/polymer/polymer-element.html">
<link rel="import" href="../../bower_components/bluebird/js/browser/bluebird.js">

class Base extends Polymer.Element {
    constructor() {
      super();

      Promise.config({cancellation: true});
    }

然后我有一个带有组件的应用程序文件，该类继承自超类Base，它被指定为`webpack.config.js中的入口点，这是我的Webpack配置：

const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');

module.exports = {
  entry: {
    'inherited-component': './some-inherited-component.html'
  },
  output: {
    filename: '[name].js',
    path: __dirname + '/dist'
  },
  resolve: {
    modules: ['node_modules', 'bower_components'],
    descriptionFiles: ['package.json']
  },
  devtool: 'source-map',
  module: {
    rules: [{
      test: /\.js$/,
      use: [{loader: 'babel-loader'}],
      exclude: /node_modules/
    },
    {
      test: /\.html$/,
      use: [
        {loader: 'babel-loader'},
        {loader: 'polymer-webpack-loader'}
      ]
    }]
  },
  plugins: [
    new CleanWebpackPlugin('./dist'),
    new CopyWebpackPlugin([{
      from: './bower_components/webcomponentsjs/*',
      to: './'
    },
    {
      from: './manifest.json',
      to: './'
    }]),
    new HtmlWebpackPlugin({
      filename: './inherited-component.html',
      chunks: ['inherited-component'],
      title: ''
    })
  ]
};

但出于某种原因，不包括bluebird，因为我收到错误Promise.config is not a function。有人知道如何解决这个问题吗？

Polymer 2.0 + Webpack依赖问题

0 个答案: