Vue-material: Más problemas de construcción

Ahora tengo una solución que funciona, que creo que es la solución correcta.

Los documentos del paquete web dejan mucho que desear, pero después de leer los documentos de configuración completos, aquí está la sintaxis que funciona tanto para la importación de módulos como para las etiquetas de script:

  externals: {
    vue: {
        commonjs: "vue",
        commonjs2: "vue",
        amd: "vue",
        root: "Vue",
    }
  }

Cuando usamos el tipo de exportación umd , podemos especificar el nombre externo para cada tipo, lo que nos permite usar normalmente vue para las importaciones de módulos y Vue para el uso de etiquetas de script.

¿Esto tiene sentido? Ahora puedo entender el odio que reciben los entornos de compilación javascript ... Las cosas nunca parecen ser tan simples como parecen. Me disculpo por darle una solución a medio cocer la última vez.

Además, otra pregunta que creo que está relacionada. En index.js, estableces window.VueMaterial.

No puedo ver en ningún lugar de toda la fuente donde lo vuelva a usar; Parece que codificó esto muy cerca de la primera versión.

Esto no parece ser una práctica común entre otros complementos de Vue. Derrota uno de los propósitos de usar paquetes web y módulos: mantener las cosas contenidas. Webpack y sus amigos se encargan de llevar VueMaterial al lugar correcto.

Supongo que esto es solo un fragmento de código olvidado que probablemente debería eliminarse, ya que su paquete web actual se encarga de hacer que esa variable esté disponible.

¡El truco de los externos funcionó a la perfección!
La variable de ventana se creó para trabajar con la compilación independiente, para usar Vue.use (VueMaterial).
Pero con los nuevos externos, esto se vuelve obsoleto:

  externals: {
    vue: {
      commonjs: 'vue',
      commonjs2: 'vue',
      amd: 'vue',
      root: 'Vue',
      var: 'Vue'
    }
  }

Muchas gracias @korylprince !!!