Конфигурация Webpack для объединения JS - PullRequest
Новая
       21

Конфигурация Webpack для объединения JS

0 голосов
/ 15 января 2019

Я использую 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 вместе с моими зависимостями - хотя я не уверен, возможно ли это или лучше всего использовать.

1 Ответ

0 голосов
/ 16 января 2019

Как указал @Pete в комментарии, вход веб-пакета принимает массив путей входа.Сам по себе веб-пакет не использует шаблон глобуса, но вы можете использовать для этого пакет glob (если вы используете веб-пакет, скорее всего, вы его уже установили, в противном случае получите его здесь ): 

const glob = require('glob');

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

  ...
}

Надеюсь, это поможет!

...