Как в webpack собрать все js файлы в один и минифицировать их?

Question

[qwerty1777]

Как в webpack 3 собрать все js файлы в один и минифицировать их?
config webpack

const path = require("path");

module.exports = {
  entry: {
    custom: './web/j/custom.js',
    lity: './web/j/lity.js'
  },
  output: {
    filename: './bundle.js',
    library: 'myApp'
  }
};

Выдает следующую ошибку:
ERROR in ./web/j/lity.js
Module not found: Error: Can't resolve 'jquery' in 'путь/web/j'
@ ./web/j/lity.js 3:8-5:10

Answer 1

[Антон Швец]

npm i jquery

а в файле
import jquery from 'jquery'

Comments

[qwerty1777]

const jquery = require ('jquery')

[qwerty1777]

правда появилась следующая ошибка

ERROR in chunk custom [entry]
./bundle.js
Conflict: Multiple assets emit to the same filename ./bundle.js

[Антон Швец]

qwerty1777, вы пытаетесь custom.js и lity.js упаковать в bundle.js. Т.е. сначала один исходный туда, а потом второй исходный в это же самое имя. Вебпак отказывается перезаписывать свою предыдущую работу.
Чтобы объединить файлы, делайте import одного внутрь другого. Чтобы был один entry.

А множественные бандлы надо делать с помощью filename: '[name].bundle.js', Как-то так, не скажу точно, надо смотреть.