My style bindings are disappearing after production build about webpack HOT 12 CLOSED

This seems like an html-minifier bug, but those options are not needed for Vue templates anyways. Fixed in [email protected].

from webpack.

So... I disabled the extract-text-webpack-plugin and now it's working.

from webpack.

I have the same issue if build on Debian (build config works fine on OSX and Windows).
May be related to #41 ?

from webpack.

Sounds like it is possibly related. @esahione @Astray-git I'd open an issue in extract-text-webpack-plugin detailing your issue. If you find a solution to your problem, please let us know back here!

from webpack.

I'm pretty convinced this is indeed the same issue as #41, so closing as duplicate for now.

from webpack.

Well, in my situation, the problem is not related to extract-text-webpack-plugin.

I find out the minifyCSS option for html-minifier will remove some :style biding code. (tested on Ubuntu 15.10)
‘minifyCSS' is set to true by default in vue-html-loader:
https://github.com/vuejs/vue-html-loader/blob/master/index.js#L78

from webpack.

@Astray-git what exactly is being removed? Example? Repro?

from webpack.

code:

<th
  :style="[
    column.styles,
    { width: column.width }
  ]">

build without minifyCSS:

<th :style="[\n            column.styles,\n            { width: column.width }\n          ]">

build with minifyCSS:

<th :style="">

from webpack.

@Astray-git I unfortunately wasn't able to reproduce the problem with that example. 😕 Could you link to an example project demonstrating the issue?

from webpack.

@chrisvfritz Try this hello.vue .
I can reproduce the bug in a fresh webpack-template project.

from webpack.

@Astray-git Thanks for the link! That helped a lot. 😃 From the Vue docs:

The Array syntax for v-bind:style allows you to apply multiple style objects to the same element:

That means column.styles should be an object rather than a string. For example:

column: {
  width: '10px',
  styles: {
    textAlign: 'center'
  }
}

Is your issue resolved after making that change?

from webpack.

@chrisvfritz Sorry, that's a mistake in my test code.
with a correct style object, the style biding template is still built to :style=""

from webpack.