webpack & сторонние библиотеки
 

Опять к вам за помощью

Подскажите как добавить jQuery, Underscore, Backbone в сборку?
Их нужно устанавливать как модули npm (раньше устанавливал через bower)?
а затем в js нике реквайрить например так: $ = require("jquery");


их ведь не нужно оборачивать с помощью babel тогда какой loader использовать для них?

Спасибо!

{
	test: /\.js$/,
	loader: 'babel'
	exclude: /node_modules/,
}

Нет, не обязательно, ставь как хочешь.

Ты можешь указать, что не тестить. В данном случае node_modules игнорируется.

Спасибо большое!

Как то ни пойму, меня структура следующая

root
 -js
  --lib
   ---noCompile.js
  --modules
  --main.js
 -gruntfile

в grunt мой сборщик

webpack: {
    options: {
        entry: {
            routers: './assets/js/main.js'
        },
        output: {
            path: './dist/',
            filename: 'main.js'
        },
        module: {
            loaders: [
                {execute: '/lib/', test: /\.js$/, loader: 'babel'}
            ]
        }
    },
    build: {
        devtool: 'source-map',
        debug: true
    }
}

в noCompile.js я специально добавил обьявление переменных с помощью let чтобы проверить в каком виде они попадут в сборку. В сборку они попадают в виде var! т.е. сборщик не игнорирует этот файл.

и еще момент, я не пойму по какому принципу webpack проверяет что нужно исключить
Правильно ли я понимаю что на месте execute мы должны поставить регулярку?
но ведь мы можем в js вызвать модуль разными способами
так

import {test} from './lib/testLib.js';

// в этом случае webpack будет проверять lib c ''./lib/testLib.js'
или

var Backbone = require("backbone");

// в этом случае lib будет сверяться с полным путем от корня?

Упс мой косяк! exclude execute,
Нужны стеройды для внимательности)