я хочу предоставить пакет веб-пакетов, который содержит все распространенные сторонние поставщики (angular 1.4, jQuery и некоторые другие библиотеки).
В настоящее время разработаны следующие модули
- Модуль А
- Модуль поставщика
Модуль продавца:
Создайте простой модуль со всеми сторонними библиотеками (angular 1.4, jQuery и некоторыми другими библиотеками)
webpack.config.js:
var webpack = require('webpack');
var path = require('path');
module.exports = {
entry: {
vendor: './index.js',
},
output: {
// filename: '[chunkhash].[name].js',
filename: '[name].js',
path: path.resolve(__dirname, 'dist')
},
plugins: []
}
index.js:
require('jquery');
require('angular');
Модуль А:
index.js:
var angular = require('angular');
var myJQ = require('jQuery');
var app = angular.module("Test", []);
console.log("Angular Boostrap");
console.log(app);
console.log("jQuery Boostrap");
console.log(myJQ);
webpack.config.js:
var webpack = require('webpack');
var path = require('path');
module.exports = {
entry: {
main: './index.js',
},
externals: {
angular: 'angular',
"jQuery": {
root: '$',
commonjs: 'jquery',
amd: 'jquery'
}
},
output: {
filename: '[name].js',
path: path.resolve(__dirname, 'dist')
},
plugins: []
}
Модуль A index.js может потребовать «угловой», и я вижу правильный вывод, но требование от «jquery» не удалось с ошибкой.
У меня в голове два вопроса.
- Каков общий способ включения сторонних поставщиков?
- Что не так с jquery в модуле A index.js
Спасибо.