webpack

webpack ERROR in ....js from Terser Unexpected token: punc (.) [...] Ошибка

Ошибка:

ERROR in juts-no-jswl.js from Terser
Unexpected token: punc (.) [juts-no-jswl.js:103,17]

была вызвана тем, что регулярным выражением в externals, где вместо:

/^jquery-ui$/ 

было написано:

 /jquery-ui/ 

-- что приводило к тому что при импорте:

webpack ReferenceError: path is not defined Ошибка

Добавьте в начале require:

"use strict";
var path = require('path'); // для работы с path

module.exports = [....

webpack sh: 1: webpack: not found Ошибка

Чтобы исправить эту ошибку, установите вебпак глобально или локально.

webpack Запуск сборки при локальной и глобальной установке (webpack command not found)

Запуск при локальной установке

Создаём package.json вида:

{
    "scripts": {
        "build": "webpack --config webpack.config.js"
    }
}

И запускаем сборку командой (в директории проекта, в командной строке):

npm run-script build

(build как раз является командой определённой в package.json выше)

Запуск при глобальной установке

Просто перейдём в директорию с проектом и выполним:

webpack 

или с указанием конфига:

webpack Установка (с помощью npm)

Для установки вам понадобится менеджер пакетов npm.

Локальная установка (в текущую папку)

npm install --save-dev webpack

Или конкретную версию:

npm install --save-dev webpack@<version>

Глобальная

Установить глобально можно так:

npm install --global webpack

Подробнее: https://webpack.js.org/guides/installati...

webpack Сборка js javascript в один файл

Общая идея проста, заводим файл, который импортирует из других файлов, напр. со содержимым:

import {hello1} from "./mod1";
import {hello2} from "./mod2";

hello1();
hello2();

пусть его имя main.js (mod1.js и mod2.js два файла лежащие на том же уровне и экспортирующие указанные переменные типа "функция").

Далее в webpack.config.js напишем что-то вроде:

[!] Webpack По-русски. Справочник, пример использования (вебпак)

Основные команды

  • Установка пакетов средствами npm:
    npm install
  • Запуск сборки при локальной установке:
    npm run-script build

    (если у вас определена команда build)

Pages

Subscribe to RSS - webpack