避免将lib依赖项与webpack+handlebars加载程序捆绑在一起

Question

module.exports = {
    context: __dirname + '/src',
    entry: './index.js',
    output: {
        path: __dirname + '/dist',
        filename: 'stuff.js',
        libraryTarget: 'umd',
        library: 'Stuff'
    },
    externals: [{
        'handlebars/runtime': {
            root: 'Handlebars',
            amd: 'handlebars.runtime',
            commonjs2: 'handlebars/runtime',
            commonjs: 'handlebars/runtime'
        }
    }],
    module: {
        loaders: [
            { test: /\.handlebars$/, loader: 'handlebars-loader' }
        ]
    }
};

有没有办法标记为外部的？

编辑：我知道我需要handlebars/runtime来编译我的模板。但由于我正在构建一个库，我希望它由库的用户提供，而不是被包括在内。这样，如果我的用户也在使用Handlebars，库就不会加载两次。我认为库避免捆绑任何依赖关系是一个很好的实践（以我的浅见，这是我们经常看到的）。

Answer 1

车把装载机的团队帮我解决了这个问题。

问题是handlebars-loader默认情况下使用绝对路径加载handlebars的运行时。但是，可以使用handlebar加载器的runtime参数为handlebar的运行时指定不同的路径。然后可以将此路径设置为外部路径。

这是起作用的：

module.exports = {
    context: __dirname + '/src',
    entry: './index.js',
    output: {
        path: __dirname + '/dist',
        filename: 'stuff.js',
        libraryTarget: 'umd',
        library: 'Stuff'
    },
    externals: [{
        'handlebars/runtime': {
            root: 'Handlebars',
            amd: 'handlebars/runtime',
            commonjs2: 'handlebars/runtime',
            commonjs: 'handlebars/runtime'
        }
    }],
    module: {
        loaders: [
            { test: /\.handlebars$/, loader: 'handlebars-loader?runtime=handlebars/runtime' }
        ]
    }
};