webpack中根据enctry的入口能设置locale吗

Question

webpack.config.js里的配置

entry: {
    'index_zh-CN': './src/app/app.js',
    'index_en': './src/app/app.js'
},
output: {
    filename: '[name].js',
    path: path.resolve(__dirname, 'dist')
}

dist里会有index_zh-CN.js和index_en.js

app.js里有个locale变量，我需要打包到index_zh-CN.js里这个变量是index_zh-CN，index_en.js里是index_en，就是一个入口文件app.js，打包出来两份其实是不一样的代码（app.js里获取到一个不一样的locale我会判断去import不同的模块），有没有办法做到，webpack里有插件或者其他的方案能实现的吗

Answer 1

这个需求写两个入口文件就行了呀。

// ./src/entry/zh-CN.js
import app from '../app/app';
var locale = 'zh-CN';
...

// ./src/entry/en.js
import app from '../app/app';
var locale = 'en';
...

// webpack
entry: {
    'index_zh-CN': './src/entry/zh-CN.js',
    'index_en': './src/entry/en.js'
},
output: {
    filename: '[name].js',
    path: path.resolve(__dirname, 'dist')
}