[英]Output from webpack to more files
是否有一些选项可以分别捆绑React Core和我的脚本? 例如两个文件:
bundle-ract.js
(包括react,react-dom,redux,不可变) bundle.js
(我的应用程序和脚本) 当然有这种方法。 您必须在webpack配置中定义多个条目。 与此类似:
const path = require('path');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
module.exports = {
entry: {
'SubItems': './src/modules/sub-items/sub.items.module.js',
'UniversalDiscovery': './src/modules/universal-discovery/universal.discovery.module.js',
'MultiFileUpload': './src/modules/multi-file-upload/multi.file.upload.module.js',
},
output: {
filename: '[name].module.js',
path: path.resolve(__dirname, 'Resources/public/js'),
library: ['eZ', 'modules', '[name]'],
libraryTarget: 'umd',
libraryExport: 'default',
},
devtool: 'source-map',
module: {
loaders: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader'
},
{
test: /\.css$/,
use: ['style-loader', 'css-loader']
}
]
},
externals: {
'react': {
root: 'React',
commonjs2: 'react',
commonjs: 'react',
amd: 'react'
},
'react-dom': {
root: 'ReactDOM',
commonjs2: 'react-dom',
commonjs: 'react-dom',
amd: 'react-dom'
}
},
plugins: [
new CleanWebpackPlugin(['Resources']),
new UglifyJSPlugin({
sourceMap: true,
uglifyOptions: {
ecma: 6
}
})
]
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.