记webpack下引入vue的方法（非.vue文件方式）

Posted 2020-12-05 vbyzc

• 直接script引入下载静态的vue.js文件
  则最后用copy-webpack-plugin复制到一样的目录即可
  
  
• 使用npm安装的vue
  无法直接用 import vue from "vue"，因为这样引用的是vue.common.js
  查资料：
  为什么会引 vue.common.js，from ‘vue‘ 不该引的是 vue.js 么？这就要引入另一个知识点：package.json。package.json 中的 main 属性决定了，当项目被引入时，输出的是哪个文件，而 vue 的 package.json 中的 main 指向的是 dist/vue.common.js。
  所以，即使npm安装的vue，也包括编译后的dist目录，里面有编译好的vue.js
  所以 import vue from "vue/dist/vue.js"
  那么每次都要写这么长的名字？可以在webpack.config.js中设置别名：
  

  resolve: {
          alias: {
              ‘vue‘: ‘vue/dist/vue.js‘
          }
  }

   

参考资料：https://segmentfault.com/a/1190000006435886