Future: Support Vue Single File Component, deprecate .vue.html compilation about instapack HOT 3 CLOSED

Feature is implemented by #128 but compilation not yet enabled.

from instapack.

Compilation was enabled in vue-sfc branch. However, there are actual issues with Vetur and vue-loader themselves:

• HTML document formatting is disabled by default... https://github.com/vuejs/vetur/blob/master/docs/FAQ.md#formatting-doesnt-work-in-template-section

• Source map breakpoint no longer works when using a minified source-map... vuejs/vue-loader#1163

  • Investigation: minified source-map worked in Firefox but not Chrome.

Vue Export Specification

It appears that there are 3 known ways of exporting a Vue component:

Plain Old JavaScript Object

export default {
    render: undefined,
    staticRenderFns: undefined,
};

Output code is the same as input code

Vue Extend

import Vue from 'vue'
export default Vue.extend({
    render: undefined,
    staticRenderFns: undefined,
})

Output code is the same as input code

Vue Class Component

Input:

import Vue from 'vue';
import Component from 'vue-class-component';

@Component({
    render: undefined,
    staticRenderFns: undefined,
})
export default class extends Vue {
}

Output:

import * as tslib_1 from "tslib";
import Vue from 'vue';
import Component from 'vue-class-component';
var default_1 = /** @class */ (function (_super) {
    tslib_1.__extends(default_1, _super);
    function default_1() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    default_1 = tslib_1.__decorate([
        Component({
            render: undefined,
            staticRenderFns: undefined,
        })
    ], default_1);
    return default_1;
}(Vue));
export default default_1;

from instapack.

Feature is live in instapack@beta

The next release will wait for vue-loader to reach 15 GA.

from instapack.