我真的很感谢这里的一些帮助,在这种情况下,我想在最终构建操作中将我的 vendor.js 和我的 main.js 分开。
我之前已经尝试过在我的 package.json devDependency 中循环遍历我的第三方库并将其放入 vendor.js,它工作正常,但它生成了 vendor.js,这在构建过程中是不必要的,因为我的第三个库已经在我的 main.js 中
这是我的 weppack.config.js
var config = {
devtool: 'eval-source-map',
cache: true,
entry: {
main: path.join(__dirname, "app", "App.js"),
},
output: {
path: path.join(__dirname, 'scripts', 'js'),
filename: '[name].js',
chunkFilename: '[name].js',
sourceMapFilename: '[file].map',
publicPath: '/scripts/js/'
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: [
['es2015', { modules: false }],
'react',
],
plugins: [
'syntax-dynamic-import',
'transform-object-rest-spread',
'transform-class-properties',
'transform-object-assign',
],
}
},
},
],
},
resolve: {
extensions: ['.js', '.jsx' ,'.css', '.ts'],
alias: {
'react-loadable': path.resolve(__dirname, 'app/app.js'),
},
},
};