让我们假设我具有这样的功能:
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];
};