分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

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

发布时间:2023-09-06 02:05责任编辑:蔡小小关键词:webpack
  • 直接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

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

原文地址:https://www.cnblogs.com/vbyzc/p/9341968.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved