非webpack项目的多个webpack配置

时间:2019-08-29 15:48:06

标签: javascript webpack

让我们假设我具有这样的功能:

function calc() {
 return 1 + 1;
}

export { calc };

我希望该功能可用于已经具有webpack的项目和尚未具有webpack的其他项目。我将多重输出设为第一个可以在使用NPM / Webpack的项目中导入,但是我没有找到为其他人进行配置的方法,例如仍然使用Bower的

这是我的webpack配置:

const path = require('path');

const configWebpackProjects = {
entry: {
    'bundle': './calc.js',
},
output: {
    path: path.resolve(__dirname, './dist/'),
    filename: '[name].js',
    library: 'calc',
    libraryTarget: 'umd',
},
optimization: {
    minimize: false
},
cache: false,
module: {
    rules: [{
        test: /\.js$/,
        loader: 'babel-loader',
        options: {
            cacheDirectory: true,
        },
    }],
},
};

const configNonWebpackProjects = {
entry: {
    'bundle': './calc.js',
},
output: {
    path: path.resolve(__dirname, './dist/'),
    filename: 'main.js',
},
};

module.exports = () => {
return [configWebpackProjects, configNonWebpackProjects];
};

0 个答案:

没有答案