Как собрать Vue в виде dll с глобальной областью видимости?

Question

[Антон Швец]

конфиг такой

// vendor.webpack.config.js
const path = require('path');
const webpack = require('webpack');

module.exports = {
	entry: {
		vendor: [
			'vue/dist/vue.js',
			'jquery',
		],
	},
	output: {
		path: path.join(__dirname, 'public'),
		filename: '[name].bundle.js',
		library: 'vendor_lib',
	},
	module: {
		noParse: /node_modules/,
	},
	plugins: [
		new webpack.DllPlugin({
			context: path.join(__dirname, 'public'),
			name: "[name]_[hash]",
			path: path.join(__dirname, 'public', 'vendor-manifest.json'),
		}),
		new webpack.ProvidePlugin({
			'Vue': 'vue/dist/vue.js',
			'$': 'jquery',
		}),
	],
};

После сборки jQuery доступен по $, а Vue нет.
С axios так же, тоже недоступен.

И еще непонятно: пробовал разные файлы из vue/dist, без ошибок собираются только vue.js, vue.common.js и vue.runtime.common.js.
Если указать просто 'vue' то в сборку идет vue.runtime.esm.js, который вызывает ошибку "SyntaxError: export declarations may only appear at top level of a module"

Comments

[Anton Filippov]

что еще за dll ?

[Дмитрий Кузнецов]

Автор, что ты куришь? Поделись ;)

[akass]

flppv, isizov.ru/optimizatsiya-vremeni-sborki-webpack

[Антон Швец]

Дмитрий Кузнецов, привыкай гуглить, если столкнешься с чем-нибудь необычным
https://webpack.js.org/plugins/dll-plugin/

[Дмитрий Кузнецов]

Антон, лол) не знал что такое есть, прошу прощения за преждевременный ответ)
Думал, что это .dll файлы ты хочешь получить из js.

[Anton Filippov]

Дмитрий Кузнецов, тоже так подумал)) ну так по ссылке и не написано "вид dll", написал бы он DllPlugin не было б вопросов))

Answer 1

[Антон Швец]

В общем наклепал некоторый каркас как собрать Vue и некоторые дополнения в виде dll.
https://github.com/xuxicheta/webpack-dll-vue-plus
В глобал вписываю их насильно, нужны только для консоли, потом можно убрать в продакшн.

Но это как-то криво, ProvidePlugin я так и не понял как работает в этом случае.

Answer 2

[Klein Maximus]

resolve: {
    alias: {
        'vue$': 'vue/dist/vue.esm.js',
    },
}

https://webpack.js.org/configuration/resolve/#reso...