I'm using webpack 2.0 beta, if I want to " import xx from 'x.css' ", then pass xx stri

looks like this PR does it <a class="issue-link js-issue-link" data-error-text="Failed

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

need to support ES6 module about html-loader HOT 6 CLOSED

webpack-contrib commented on September 20, 2024 1

need to support ES6 module

from html-loader.

Comments (6)

donaldpipowitch commented on September 20, 2024

Do you see an Unexpected token . error? I think this happens because of this. I import xx from 'x.html'; and want to use it like that: let foo = { xx }. Which I guess compiles to something like var foo = { xx: xx.default }

from html-loader.

fisherspy commented on September 20, 2024

Hi, thanks for replying. I would like to show you the code(Angular 2):
source:

import TabsHtmls from './bi-tabs.html';

@Component({
  selector: 'bi-tabs',
  template: TabsHtmls, // need to be string
  styles: [".bi-tabs{background-color:red}"],
  directives: [ROUTER_DIRECTIVES],
})

build :

var bi_tabs_html_1 = __webpack_require__(352);
    var BiTabs = (function () {
        function BiTabs() {
        }
        __decorate([
            core_1.Input(), 
            __metadata('design:type', Array)
        ], BiTabs.prototype, "biTabsConfigs", void 0);
        BiTabs = __decorate([
            core_1.Component({
                selector: 'bi-tabs',
                template: bi_tabs_html_1.default, // default
                styles: [".bi-tabs{background-color:red}"],
                directives: [router_1.ROUTER_DIRECTIVES],
            }), 
            __metadata('design:paramtypes', [])
        ], BiTabs);
        return BiTabs;
    })();

/* 352 */
/***/ function(module, exports, __webpack_require__) {

    module.e = "<div\n  hello\n</div>";

/***/ }

from html-loader.