javascript - 如何排除bundle中的js文件并在不同的 block /bundle中使用它？

Question

我目前在 js 文件中有一些变量，并希望将其放在我的主 app.bundle.js 之外的自己的包中。

config.js

export const url1= 'testing1';
export const url2= 'test2';

我有一个像这样的非常基本的 webpack 并添加了新条目(这只是一个示例)

module.exports = {
{
entry: {
   app: [path.resolve(__dirname, './src/index.js')],
   config: [path.resolve(__dirname, './config.js')] <---here
 },
 output: {
   filename: '[name].js',
   path: __dirname + '/built'
  }
}

module.loaders: [
 {
  // "test" is commonly used to match the file extension
   test: /\.jsx$/,

   // "include" is commonly used to match the directories
  include: [
  path.resolve(__dirname, "app/src"),
  path.resolve(__dirname, "app/test")
 ],

  // "exclude" should be used to exclude exceptions
  // try to prefer "include" when possible

  // the "loader"
  loader: "babel-loader"
  }]

最后我有一个想要使用 config.js 的 src/file.js (我目前正在这样做，但我不确定这是否正确)

import { url1, url2} from '../../config.js';

我的应用程序包将捆绑从我的 index.js 扩展的所有 js 文件(这是我的所有/src .js 文件)。我的 config.js 位于 src 文件夹之外，但我希望 src 中的 js 文件之一使用我在 config.js 中设置的那些变量。

我的结果确实生成了一个带有变量的conf.bundle.js，但它似乎也被捆绑到了app.bundle.js中。

所以现在我的问题是如何在 app.bundle.js 中使用 config.bundle.js 变量而无需在 app.bundle.js 中保存 config.js 的副本

Answer 1

添加CommonChunksPlugin解决了这个问题。