Please bundle module/browser version (like vuex.min.js format)

[viT-1]

Can't use in browser, cause of error:

Uncaught ReferenceError: exports is not defined
    at direct-vuex.js:5

I am using SystemJs for production (with ie11 support) bundle with type="systemjs-importmap" like this:

{
	"imports": {
		"direct-vuex": "https://cdn.jsdelivr.net/npm/direct-vuex@0.8.6/dist/direct-vuex.min.js",
		"vue": "https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js",
		"vuex": "https://cdn.jsdelivr.net/npm/vuex@3.1.2/dist/vuex.min.js",
		"wretch": "https://cdn.jsdelivr.net/npm/wretch@1.6.0/dist/bundle/wretch.min.js"
	}
}

and all ok except direct-vuex =(

[paleo]

Please update to the version 0.9 and let me know if it is complete.

[viT-1]

I have experience with vue-property-decorator umd package under SystemJS, but forced to bundle it (can't use cdn).
With umd of direct-vuex I have same problem.
When I use umd in systemjs-importmap I have Error:
direct_vuex_1.createDirectStore is not a function
=(
Can you publish not only umd module, but standard as vuex.min.js also?

[viT-1]

AMD for SystemJs is Ok, but UMD is not.

[paleo]

In vuex.js there is the following code:

(function (global, factory) {
  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
  typeof define === 'function' && define.amd ? define(factory) :
  (global = global || self, global.Vuex = factory());
}(this, function () { 'use strict';

I thought this code was the UMD format.

The solution becomes unclear for me. I thought UMD was simultaneously AMD and CommonJS. And I thought SystemJS could load any format. I don't know how to solve the issue for the moment.

[paleo]

TypeScript generates this code for UMD:

var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
(function (factory) {
    if (typeof module === "object" && typeof module.exports === "object") {
        var v = factory(require, exports);
        if (v !== undefined) module.exports = v;
    }
    else if (typeof define === "function" && define.amd) {
        define(["require", "exports", "vuex"], factory);
    }
})(function (require, exports) {
    "use strict";

And for AMD:

var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
define(["require", "exports", "vuex"], function (require, exports, vuex_1) {
    "use strict";

There is a compiler option System that generates this code:

System.register(["vuex"], function (exports_1, context_1) {
    "use strict";

I could publish a bundle for the system module format if you want. But I'm really surprised that dist/direct-vuex.esm.js or the UMD format can't be loaded.

[viT-1]

But I'm really surprised that dist/direct-vuex.esm.js

Ticket about esm.js is ok.

[viT-1]

I know about compiler option & use it. I want to link to your module in importmap (and don't to bundle it as SystemJS module like I do with vue-property-decorator from its src), but systemjs-importmap is not working with umd format.

[paleo]

I just published a new version using Rollup.
Maybe the Rollup version of UMD is better.
And I added a System version from Rollup too.
Can you update and test again?

[viT-1]

It is unconfortable: to add script with src to systemjs bundle, in comparison with systemjs-importmap where I have cdn links to all assets.

[viT-1]

Just tested in IE11.
Syntax error on direct-vuex.system.min.js (1,384)
cause of ES6 => instead of ES5

[paleo]

Try to update to 0.9.3. The versions for UMD and SystemJS are now in ES5 syntax. I use a WeakMap, but it should be OK with IE 11.

It is unconfortable: to add script with src to systemjs bundle, in comparison with systemjs-importmap where I have cdn links to all assets.

I'm not sure to understand. This CDN is not enough?

[viT-1]

I'm not sure to understand. This CDN is not enough?

Yes:

• esm only for <script type="module">, not IE (only for dev mode in modern browsers)
• system (v0.9.3) is working but compare to other packages with native bundle it needs to make personal configuration: additional link to cdn. It will be better to use direct-vuex through systemjs-importmap (for example) with link to native (supported IE11) browser format
• umd is not supported on systemjs-importmap

[viT-1]

Strange, but wretch is working also, despite of umd format.

[viT-1]

SystemJs bundle of direct-vuex is not necessary. I have single bundle by systemjs only for project files & two packages/assets: vue-class-component (cause of additional replacing process.env.NODE_ENV code) & vue-property-decorator (cause of umd format). Other assets for production with supporting IE11 are linking through systemjs-importmap.

No Babel, no webpack, no rollup, only tsc/ttsc transpiling with typescript-transform-paths for alias imports resolving, esm & systemjs bundling.