Vue-material: рдЕрдзрд┐рдХ рдирд┐рд░реНрдорд╛рдг рдореБрджреНрджреЗ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 10 рдЬрдире░ 2017  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: vuematerial/vue-material

@marcosmoura рддреБрдо рдореБрдЭрд╕реЗ рдирдлрд░рдд рдХрд░рдиреЗ рдЬрд╛ рд░рд╣реЗ рд╣реЛ :(

рддреЛ рдЖрдкрдХреЗ рджреНрд╡рд╛рд░рд╛ рдЕрднреА-рдЕрднреА рдмрд╛рд╣рд░реА рдореЗрдВ рдХрд┐рдП рдЧрдП рдкрд░рд┐рд╡рд░реНрддрди рдХреЗ рд╕рд╛рде, рдЕрдм Vue рдФрд░ VueMaterial рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдореЗрд░реЗ рдкрд╛рд╕ рдЕрдм рдПрдХ рдХрд╛рдордХрд╛рдЬреА рд╕рдорд╛рдзрд╛рди рд╣реИ, рдЬреЛ рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╕рд╣реА рд╕рдорд╛рдзрд╛рди рд╣реИред

рд╡реЗрдмрдкреИрдХ рдбреЙрдХреНрд╕ рд╡рд╛рдВрдЫрд┐рдд рд╣реЛрдиреЗ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рдХреБрдЫ рдЫреЛрдбрд╝ рджреЗрддрд╛ рд╣реИ рд▓реЗрдХрд┐рди рдпрд╣рд╛рдВ рдкреВрд░реНрдг рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди рдбреЙрдХреНрд╕ рдкрдврд╝рдиреЗ рдХреЗ рдмрд╛рдж рд╕рд┐рдВрдЯреИрдХреНрд╕ рд╣реИ рдЬреЛ рдореЙрдбреНрдпреВрд▓ рдЖрдпрд╛рдд рдФрд░ рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдЯреИрдЧ рджреЛрдиреЛрдВ рдХреЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ:

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

рдирд┐рд░реНрдпрд╛рдд рдкреНрд░рдХрд╛рд░ umd рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп, рд╣рдо рдкреНрд░рддреНрдпреЗрдХ рдкреНрд░рдХрд╛рд░ рдХреЗ рд▓рд┐рдП рдмрд╛рд╣рд░реА рдирд╛рдо рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЬрд┐рд╕рд╕реЗ рд╣рдореЗрдВ рдореЙрдбреНрдпреВрд▓ рдЖрдпрд╛рдд рдХреЗ рд▓рд┐рдП рд╕рд╛рдорд╛рдиреНрдп рд░реВрдк рд╕реЗ vue рдФрд░ рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдЯреИрдЧ рдЙрдкрдпреЛрдЧ рдХреЗ рд▓рд┐рдП Vue рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рдорд┐рд▓рддреА рд╣реИред

рдЗрд╕рдХрд╛ рдХреЛрдИ рдорддрд▓рдм рднреА рд╣реИ рдХреНрдпрд╛? рдЕрдм рдореИрдВ рд╕рдордЭ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдмрд┐рд▓реНрдб рдПрдирд╡рд╛рдпрд░рдирдореЗрдВрдЯ рд╕реЗ рдирдлрд░рдд рд╣реИ ... рдЪреАрдЬреЗрдВ рдХрднреА рднреА рдЙрддрдиреА рд╕рд░рд▓ рдирд╣реАрдВ рд▓рдЧрддреА рдЬрд┐рддрдиреА рд╡реЗ рдкрд╣рд▓реА рдмрд╛рд░ рджрд┐рдЦрд╛рдИ рджреЗрддреА рд╣реИрдВред рдкрд┐рдЫрд▓реА рдмрд╛рд░ рдЖрдкрдХреЛ рдЖрдзрд╛-рдЕрдзреВрд░рд╛ рд╕рдорд╛рдзрд╛рди рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП рдореИрдВ рдХреНрд╖рдорд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдБред

рд╕рднреА 3 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдореЗрд░реЗ рдкрд╛рд╕ рдЕрдм рдПрдХ рдХрд╛рдордХрд╛рдЬреА рд╕рдорд╛рдзрд╛рди рд╣реИ, рдЬреЛ рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╕рд╣реА рд╕рдорд╛рдзрд╛рди рд╣реИред

рд╡реЗрдмрдкреИрдХ рдбреЙрдХреНрд╕ рд╡рд╛рдВрдЫрд┐рдд рд╣реЛрдиреЗ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рдХреБрдЫ рдЫреЛрдбрд╝ рджреЗрддрд╛ рд╣реИ рд▓реЗрдХрд┐рди рдпрд╣рд╛рдВ рдкреВрд░реНрдг рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди рдбреЙрдХреНрд╕ рдкрдврд╝рдиреЗ рдХреЗ рдмрд╛рдж рд╕рд┐рдВрдЯреИрдХреНрд╕ рд╣реИ рдЬреЛ рдореЙрдбреНрдпреВрд▓ рдЖрдпрд╛рдд рдФрд░ рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдЯреИрдЧ рджреЛрдиреЛрдВ рдХреЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ:

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

рдирд┐рд░реНрдпрд╛рдд рдкреНрд░рдХрд╛рд░ umd рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп, рд╣рдо рдкреНрд░рддреНрдпреЗрдХ рдкреНрд░рдХрд╛рд░ рдХреЗ рд▓рд┐рдП рдмрд╛рд╣рд░реА рдирд╛рдо рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЬрд┐рд╕рд╕реЗ рд╣рдореЗрдВ рдореЙрдбреНрдпреВрд▓ рдЖрдпрд╛рдд рдХреЗ рд▓рд┐рдП рд╕рд╛рдорд╛рдиреНрдп рд░реВрдк рд╕реЗ vue рдФрд░ рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдЯреИрдЧ рдЙрдкрдпреЛрдЧ рдХреЗ рд▓рд┐рдП Vue рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рдорд┐рд▓рддреА рд╣реИред

рдЗрд╕рдХрд╛ рдХреЛрдИ рдорддрд▓рдм рднреА рд╣реИ рдХреНрдпрд╛? рдЕрдм рдореИрдВ рд╕рдордЭ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдмрд┐рд▓реНрдб рдПрдирд╡рд╛рдпрд░рдирдореЗрдВрдЯ рд╕реЗ рдирдлрд░рдд рд╣реИ ... рдЪреАрдЬреЗрдВ рдХрднреА рднреА рдЙрддрдиреА рд╕рд░рд▓ рдирд╣реАрдВ рд▓рдЧрддреА рдЬрд┐рддрдиреА рд╡реЗ рдкрд╣рд▓реА рдмрд╛рд░ рджрд┐рдЦрд╛рдИ рджреЗрддреА рд╣реИрдВред рдкрд┐рдЫрд▓реА рдмрд╛рд░ рдЖрдкрдХреЛ рдЖрдзрд╛-рдЕрдзреВрд░рд╛ рд╕рдорд╛рдзрд╛рди рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП рдореИрдВ рдХреНрд╖рдорд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдБред

рд╕рд╛рде рд╣реА, рдПрдХ рдЕрдиреНрдп рдкреНрд░рд╢реНрди рдЬреЛ рдореЗрд░реЗ рд╡рд┐рдЪрд╛рд░ рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд рд╣реИред index.js рдореЗрдВ, рдЖрдк window.VueMaterial рд╕реЗрдЯ рдХрд░рддреЗ рд╣реИрдВред

рдореИрдВ рдкреВрд░реЗ рд╕реНрд░реЛрдд рдореЗрдВ рдХрд╣реАрдВ рднреА рдирд╣реАрдВ рджреЗрдЦ рд╕рдХрддрд╛ рдЬрд╣рд╛рдБ рдЖрдк рдЗрд╕реЗ рдлрд┐рд░ рд╕реЗ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ; рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЖрдкрдиреЗ рдЗрд╕реЗ рдкрд╣рд▓реА рд░рд┐рд▓реАрдЬрд╝ рдХреЗ рдмрд╣реБрдд рдХрд░реАрдм рдХреЛрдбрд┐рдд рдХрд┐рдпрд╛ рд╣реИред

рдпрд╣ рдЕрдиреНрдп Vue рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреЗ рдмреАрдЪ рдПрдХ рд╕рд╛рдорд╛рдиреНрдп рдЕрднреНрдпрд╛рд╕ рдкреНрд░рддреАрдд рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИред рдпрд╣ рд╡реЗрдмрдкреИрдХ рдФрд░ рдореЙрдбреНрдпреВрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рдЙрджреНрджреЗрд╢реНрдпреЛрдВ рдореЗрдВ рд╕реЗ рдПрдХ рдХреЛ рд╣рд░рд╛ рджреЗрддрд╛ рд╣реИ: рдЪреАрдЬреЛрдВ рдХреЛ рдирд┐рд╣рд┐рдд рд░рдЦрдирд╛ред VueMaterial рдХреЛ рд╕рд╣реА рдЬрдЧрд╣ рдкрд░ рд▓рд╛рдиреЗ рдХреЗ рд▓рд┐рдП Webpack рдФрд░ рджреЛрд╕реНрдд рдзреНрдпрд╛рди рд░рдЦрддреЗ рд╣реИрдВред

рдореЗрд░рд╛ рдЕрдиреБрдорд╛рди рд╣реИ рдХрд┐ рдпрд╣ рдХреЛрдб рдХрд╛ рдПрдХ рднреВрд▓рд╛ рд╣реБрдЖ рдЯреБрдХрдбрд╝рд╛ рд╣реИ рдЬрд┐рд╕реЗ рд╢рд╛рдпрдж рд╣рдЯрд╛ рджрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП рдХреНрдпреЛрдВрдХрд┐ рдЖрдкрдХрд╛ рд╡рд░реНрддрдорд╛рди рд╡реЗрдмрдкреИрдХ рдЙрд╕ рдЪрд░ рдХреЛ рдЙрдкрд▓рдмреНрдз рдХрд░рд╛рдиреЗ рдХрд╛ рдЦреНрдпрд╛рд▓ рд░рдЦрддрд╛ рд╣реИред

рдмрд╛рд╣рд░реА рдЪрд╛рд▓ рдиреЗ рддреНрд░реБрдЯрд┐рдкреВрд░реНрдг рд░реВрдк рд╕реЗ рдХрд╛рдо рдХрд┐рдпрд╛!
Vue.use(VueMaterial) рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рд╕реНрдЯреИрдВрдбрдЕрд▓реЛрди рдмрд┐рд▓реНрдб рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╡рд┐рдВрдбреЛ рд╡реЗрд░рд┐рдПрдмрд▓ рдмрдирд╛рдпрд╛ рдЧрдпрд╛ рдерд╛ред
рд▓реЗрдХрд┐рди рдирдП рдПрдХреНрд╕рдЯрд░реНрдирд▓ рдХреЗ рд╕рд╛рде рдпрд╣ рдЕрдкреНрд░рдЪрд▓рд┐рдд рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ:

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

рдмрд╣реБрдд рдмрд╣реБрдд рдзрдиреНрдпрд╡рд╛рдж @korylprince !!!

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

Feduch picture Feduch  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

capttrousers picture capttrousers  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

xinzhanguo picture xinzhanguo  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

andreujuanc picture andreujuanc  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

Leshgan picture Leshgan  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ