История изменений
Исправление 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 для разбиения скриптов по модулям.