2016-08-16 2 views
4

У меня есть эта конфигурация uglifyjsplugin в моем WebPack конфигурационном файле:uglifyjsplugin нарушение угловые по 2 шаблоны

exports.minify = function() { 
return { 
plugins: [ 
    new webpack.optimize.UglifyJsPlugin({ 
      beautify: false, 
      comments: false, 
      compress: { 
       warnings: false, 
       drop_console: true 
      }, 
      // Mangling specific options 
      mangle: false 
     }) 
    ] 
} 
} 

Моя проблема заключается в том, что уродовать перерывы мой код, если я запускаю мой билд без уродовать код работает, но если я добавить уродовать шаг я получаю эту ошибку:

Unexpected closing tag "a" ("d-top"> <div class=container-fluid> <div class=navbar-header> <a href=/ class=navbar-brand>{{title}}[ERROR ->]</a> <button type=button class=navbar-toggle data-toggle=collapse data-target=.navbar-collapse> <span"): [email protected]:145 

я уже работать со многими конфигурациями для уродовать, но ошибки сохраняются. Мой оригинальный угловой шаблон, который дает ошибку, таков:

<nav class="navbar navbar-default navbar-fixed-top"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <a href="/" class="navbar-brand">{{title}}</a> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
    <span class="sr-only">Toggle</span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    </button> 
</div> 
<ul class="nav navbar-nav navbar-right collapse navbar-collapse"> 
    <li><a href="#" data-toggle="dropdown">General Info</a></li> 
    <li><a href="#" data-toggle="dropdown">Author</a></li> 
</ul> 
    </div> 
    </nav> 
+0

Это внешний файл html? –

+0

Да, это внешний html-файл. – pdcc

+0

Вы используете angular2-template-loader? Я также использую Webpack, но я не имеет проблем при использовании uglifyjsplugin –

ответ

3

шаблона синтаксического анализа не работает должным образом, как она должна и угловая команда обеспечила работу вокруг их документы для прямо сейчас, но надеюсь, что в полной мере следует исправить в ближайшее время в WebPack .config файл добавить этот

htmlLoader: { 
    minimize: false // workaround for ng2 
    }, 

workaround from angular.io

другой, как указано из @pdcc

{ 
    test: /\.html$/, 
    loader: `html?-minimize` 
} 
1

Через несколько часов я нашел решение. В HTML загрузчиком мы должны добавить минимизировать:

{ 
    test: /\.html$/, 
    loader: `html?-minimize` 
} 
Смежные вопросы