Webpack供应商dll引用错误

Question

构建webpack供应商动态链接库并获取

Uncaught ReferenceError: vendors_9a2b8ee29a9e8dcdc486b49a360b9763 is not defined

编译后的代码如下所示

module.exports = vendors_9a2b8ee29a9e8dcdc486b49a360b9763;

//////////////////
// WEBPACK FOOTER
// external "vendors_9a2b8ee29a9e8dcdc486b49a360b9763"
// module id = 2
// module chunks = 0

它缺少类似以下内容的声明和定位

var angular = __webpack_require__(2)

module.exports = (__webpack_require__(3))(1)

我不知道为什么会这样，而且我已经尝试了所有的方法。这是我的webpack配置的插件：

plugins: [
    new webpack.DllReferencePlugin({
        context: '.',
        manifest: require('./src/tmp/vendors-manifest.json')
    }),
],

下面是我的dll配置：

var webpack = require('webpack');
var packageJSON = require('./package.json');
var path = require('path');

module.exports = {
    entry: {
        vendors: Object.keys(packageJSON.devDependencies),
    },
    output: {
        path: path.join(__dirname, 'src/tmp'),
        filename: 'vendors.bundle.js',
        library: 'vendors_[hash]'
    },
    plugins: [
        new webpack.DllPlugin({
            path: 'src/tmp/[name]-manifest.json',
            name: 'vendors_[hash]'
        }),
    ]
};

index.html导入：

<script type="text/javascript" src="/src/tmp/vendors.bundle.js"></script>
<script type="text/javascript" src="/dist/js/app.js"></script>

任何想法都将不胜感激！提前感谢！

Answer 1

我遇到了这个问题。它是通过改变上下文来解决的。

plugins: [
new webpack.DllReferencePlugin({
    context: path.join(__dirname, 'src/tmp'),
    manifest: require('./src/tmp/vendors-manifest.json')
})]

Answer 2

我遇到了同样的问题。我必须使用相同的名称将"library“选项添加到输出部分。

   // Location of webpack output
    output: {
        path: path.join(__dirname, 'dll'),
        filename: '[name].bundle.js',
        library: '[name]'
    },

    plugins: [            
        new webpack.DllPlugin({
            path: require(path.join(__dirname, 'dll/[name]-manifest.json')),
            name: '[name]',
        })
    ]

Answer 3

修改dll配置文件，并将代码设置为

new webpack.DllPlugin({
    path: 'path.join(__dirname, 'src/tmp/manifest.json')',
    name: 'vendors_[hash]'
}),

在您的配置文件中，将您的DllReferencePlugin修改为

plugins: [
    new webpack.DllReferencePlugin({
        context: __dirname,
        manifest: require(path.join(__dirname, 'src/tmp/manifest.json')),
        name: 'vendors_9a2b8ee29a9e8dcdc486b49a360b9763'
    }),
],