记webpack下引入vue的方法(非.vue文件方式)

  • 直接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