Question

我正在使用webpack 4捆绑我的依赖项（在本例中为AngularJS），如下所示：

index.js

require('angular');
require('angular-ui-router');
// ...

webpack.config.js

const path = require('path');

module.exports = {

  mode: "development",
  entry: "./build/index.js",
  output: {
      path: __dirname + '/public/js',
      filename: "bundle.js"
  }
}

这会生成一个包含我所有依赖性的bundle.js文件。

我还想将其用作任务运行器，以将Angular JS文件从/build/js连接到放置在app.js中的单个文件中（简称为/public/js）

理想情况下，我希望串联的角度文件（app.js中的内容）及其依赖项都包含在bundle.js中-尽管我不确定这是否可行或最佳-实践。

Answer 1

正如@Pete在评论中指出的那样，webpack输入接受一系列输入路径。 Webpack本身并不采用全局模式，但是您可以使用glob软件包来这样做（如果您使用的是webpack，则可能已经安装了它，否则为get it here）：

const glob = require('glob');

module.exports = {
  mode: 'development',
  entry: glob.sync('./src/**/*.js'), // ['./src/a.js', './src/dir/b.js']

  ...
}

希望有帮助！

Webpack配置以连接JS

1 个答案: