Question

我构建了一个库。我希望将它与sript标签一起用作外部库，如下所示：

    output: {
      path: `${__dirname}/lib`,
      filename: 'index.js',
      library: 'mylibrary',
      libraryTarget: 'umd',
    },
    externals: /^[@a-z]/,

我的库需要做出反应，我希望使用mylibrary的项目能够在环境中做出反应。我在我的项目中使用webpack dll插件在一个名为vendors.js的包中构建反应，lodash等库。但它不起作用，我的图书馆找不到我希望我的项目可以提供的外部库。我怎样才能解决这个问题？

这是我库中的webpack配置：

externals: {
    'mylibrary': 'mylibrary'
  },

这是我项目中的webpack配置：

module.exports = {
    entry: {
        'vendors': [
            'react',
      'react-dom',
      'redux',
      'react-redux',
      'react-router',
        ]
    },
    output: {
        path: ENV === 'DEV' ? __dirname + '/dist' : path.join(__dirname, process.env.BUILD_DEST || 'build'),
        filename: '[name].js',
    library: '[name]',
    libraryTarget: 'umd',
  },
  module: {
    rules: [
      {
        test: /\.less$/,
        use: ['style-loader', 'css-loader', 'less-loader']
      }
    ]
  },
    resolve: {
        extensions: ['.js', '.jsx']
    },
    plugins: [
        new webpack.DllPlugin({
      path: 'manifest.json',
      name: '[name]',
      context: __dirname
        })
    ]
};

dll config：

{{1}}

外部库如何在dll中需要依赖？

0 个答案: