LINUX.ORG.RU

История изменений

Исправление static_lab, (текущая версия) :

Но ведь и проблем «по-современному» сделать — никаких:

1) создаём шаблон package.json:

npm init -y

Поскольку пакет публиковать не будешь, то со всякой ерундой вроде лицензий париться не нужно.

2) ставим нужные нам зависимости и сборщик:

npm i -S bootstrap jquery webpack

Webpack «правильнее» было бы поставить как dev-зависимость, но нам пофиг.

3) создаём main.js (или как там тебе удобнее его назвать):

var $ = global.jQuery = require('jquery');
require('bootstrap');

// далее твой код

global.jQuery нужен для бутстрапа, поскольку это старая библиотека, и она не поддерживает ни стандарт AMD, ни стандарт CommonJS.

4) в package.json в секции scripts пишем

  "scripts": {
    "build": "webpack main.js static/main.js",
    "watch": "webpack --watch main.js static/main.js"
  },

5) теперь можно легко собирать скрипт одной командой npm run build или npm run watch, чтобы вебпак следил за файлами и собирал всё автоматически.

package.json сохраняем в git, а node_modules записываем в игнор. Теперь для подготовки сборки достаточно выполнить npm i, и всё установится автоматически.

Вдобавок, в webpack можно использовать require и import для разбиения скриптов по модулям.

Исходная версия static_lab, :

Но ведь и проблем «по-современному» сделать — никаких:

1) создаём шаблон package.json:

npm init -y

Поскольку пакет публиковать не будешь, то со всякой ерундой вроде лицензий париться не нужно.

2) ставим нужные нам зависимости и сборщик:

npm i -S bootstrap jquery webpack

Webpack «правильнее» было бы поставить как dev-зависимость, но нам пофиг.

3) создаём main.js (или как там тебе удобнее его назвать):

var $ = global.jQuery = require('jquery');
require('bootstrap');

global.jQuery нужен для бутстрапа, поскольку это старая библиотека, и она не поддерживает ни стандарт AMD, ни стандарт CommonJS.

4) в package.json в секции scripts пишем

  "scripts": {
    "build": "webpack main.js static/main.js",
    "watch": "webpack --watch main.js static/main.js"
  },

5) теперь можно легко собирать скрипт одной командой npm run build или npm run watch, чтобы вебпак следил за файлами и собирал всё автоматически.

package.json сохраняем в git, а node_modules записываем в игнор. Теперь для подготовки сборки достаточно выполнить npm i, и всё установится автоматически.

Вдобавок, в webpack можно использовать require и import для разбиения скриптов по модулям.