Как исключить определенные файлы requireJS из uglifying/optimizing
У меня есть рабочий проект requirejs, который использует grunt для построения и развертывания. Если вообще не использовать оптимизацию, сборка работает без проблем, и я получаю один большой файл js для его развертывания при производстве.
Проблема заключается в том, что у меня есть некоторые внешние фреймворки (например, angularJS), где у меня уже есть сводная/оптимизированная версия, и я не хочу ее снова оптимизировать.
В настоящее время без оптимизации я включаю мини-версию этой структуры через конфигурацию отдельного пути в моем файле grunt. Если в моем обычном main.js у меня есть неминифицированная версия для разработки.
Теперь я хочу использовать оптимизатор для оптимизации моего собственного кода, но НЕ оптимизировать внешние фреймворки. Но внешние структуры должны быть включены в итоговый большой файл javascript. В основном я хочу сказать оптимизатору, что он должен использовать исходный файл в некоторых случаях.
Могу ли я сделать что-то вроде этого?
Я только нашел глобальный вариант исключения, так что некоторые модули не включены в результирующий оптимизированный js.
Это моя конфигурация grunt:
requirejs: {
compile: {
options: {
baseUrl: "<%= pkg.folders.jsSource %>",
name: "../external-libs/almond-0.1.1",
include: "main",
mainConfigFile: "<%= pkg.folders.jsSource %>/main.js",
out: "<%= pkg.folders.build + pkg.name + '-' + pkg.version %>/js/main.js",
//logLevel: 0,
optimize: "uglify2",
//optimize: "none",
paths: {
'angular':'../external-libs/min/angular-1.0.4',
'jquery':'../external-libs/min/jquery-1.7.2',
'jquery.mobile':'../external-libs/min/jquery.mobile-1.2.0',
'adapter': '../external-libs/min/jquery-mobile-angular-adapter-1.2.0',
'moment': '../external-libs/moment-1.6.2.min',
'iscroll': '../external-libs/min/iscroll-4.2.5',
'iscrollview': '../external-libs/min/jquery.mobile.iscrollview-1.2.6',
'add2Home': '../external-libs/min/add2home',
'config/config': "config/<%=configDatei%>"
}
}
}
},
И это важная часть main.js:
require.config({
paths:{
'angular':'../external-libs/angular-1.0.4',
'jquery':'../external-libs/jquery-1.7.2',
'jquery.mobile':'../external-libs/jquery.mobile-1.2.0',
'adapter': '../external-libs/jquery-mobile-angular-adapter-1.2.0',
'moment': '../external-libs/moment-1.6.2.min',
'iscroll': '../external-libs/iscroll-4.2.5',
'iscrollview': '../external-libs/jquery.mobile.iscrollview-1.2.6',
'add2Home': '../external-libs/add2home'
},
shim:{
'angular':{ deps:['jquery'], exports:'angular' },
'iscroll':{ deps:['jquery'], exports:'iscroll' },
'iscrollview':{ deps:['jquery.mobile', 'iscroll'], exports:'iscrollview' }
}
});
Спасибо за любую помощь.
Ответы
Ответ 1
Только некоторые предложения используют empty: для указания NOT включить модуль в оптимизацию.
В require.config указывается использование файла min.
requirejs: {
compile: {
options: {
{{ all other settings }}
paths: {
'angular':'empty:',
}
}
}
},
require.config:{
paths:{
'angular':'../external-libs/min/angular-1.0.4',
},
}
Обратите внимание, что " пусто:" с двоетоцем в конце, а не "пустым". Если вы опустите двоеточие, вы получите сообщение об ошибке:
"No such file or directory [...]/empty.js"
Надеюсь, что это поможет.
Ответ 2
У меня была та же проблема, что и внешние библиотеки, которые всегда переоцениваются как комментарии к ответу, и это метод, который я использую для этого. У меня есть две задачи: одна для моего кода и одна для внешних библиотек. Это действительно просто копирование файлов, так что работа с копиями будет работать. Я также использую "пустой" ключ для внешних библиотек, чтобы они не включались в мои значения кода.
requirejs: {
options: {
mainConfigFile: '...',
fileExclusionRegExp '...common things to exclude...'
},
main: {
options: {
baseUrl: '.../js',
dir: '.../js-built',
fileExclusionRegExp: /^external$/,
... etc ...
}
},
external: {
options: {
baseUrl: '.../js/external',
dir: '.../js-built/external',
optimize: 'none'
}
}
}