记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

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

时间: 2024-12-16 19:05:45

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

webpack全局引入jquery的方法

全局引入jquery后,就能使用jquery的API和插件了,网上有好几种方法,这里推荐'expose-loader'这种方法,包括以下两部: 1.配置webpack.config.js文件.下图红框中的 test 是匹配jquery的路径,loader 是将jquery作为window.jQuery 和 window.$ 暴露到全局. 2.在需要导入的模块中(比如 index.js)正确导入:见下图

实现windows操作系统和VB下Linux虚拟操作系统相互传取文件方式总结

在windows上执行虚拟机跑的是Linux的操作系统,怎样才干在不同的操作系统之间传递文件呢? 这是本人切身体会到的,假设你没有好的方法的话.确实非常痛苦.下面是我个人的方法总结: 方法一.很好用的:***** 使用一个winscp的软件,它是windows环境下使用ssh的开源图形化SFTPclient,同一时候支持SCP协议.它的主要功能就是在本地与远程计算机间安全地拷贝文件. 强力推荐,是一个exe文件.双击就能够实现. 假设想要这软件,能够评价说下. 推荐一下载网址:http://ww

Nodejs Express下引入本地文件的方法

Express的结构如下: |---node_modules------用于安装本地模块. |---public------------用于存放用户可以下载到的文件,比如图片.脚本文件.样式表等.     |---routes------------用于存放路由文件.     |---views-------------用于存放网页的模板.     |---app.js------------应用程序的启动脚本.     |---package.json------项目的配置文件. 从上述结构中

三种实现AJAX的方法以及Vue和axios结合使用的坑

前言 之前曾经想自己写一个天气的App,并找到了一个免费的天气数据接口的服务商--和风天气,当时也不懂怎么发HTTP请求,而且也只会用Java语言,看到官方文档里面有一个Java代码示例,就复制了一下在自己电脑上调通.一开始是在控制台输出天气数据的,后来用Swing写了一个图形化界面并放置数据,但也就到此为止了,并没有什么实用价值. 最近学习了一下前端的相关知识,发现像和风天气这样的数据接口,根本不需要用到像Java这样的大型语言,只需在网页端用Javascript发HTTP请求就能获得JSON

【Vue】浅谈Vue不同场景下组件间的数据交流

浅谈Vue不同场景下组件间的数据“交流” Vue的官方文档可以说是很详细了.在我看来,它和react等其他框架文档一样,讲述的方式的更多的是“方法论”,而不是“场景论”,这也就导致了:我们在阅读完文档许多遍后,写起代码还是不免感到有许多困惑,因为我们不知道其中一些知识点的运用场景.这就是我写这篇文章的目的,探讨不同场景下组件间的数据“交流”的Vue实现 父子组件间的数据交流 父子组件间的数据交流可分为两种: 1.父组件传递数据给子组件 2.子组件传递数据给父组件 父组件传递数据给子组件——pro

( 转)Ubuntu下创建、重命名、删除文件及文件夹,强制清空回收站方法

Ubuntu下创建.重命名.删除文件及文件夹,强制清空回收站方法 mkdir 目录名 ——创建一个目录 rmdir 空目录名 ——删除一个空目录 rm 文件名 文件名 ——删除一个文件或多个文件 rm -rf 非空目录名 ——删除一个非空目录下的一切 touch 文件名 ——创建一个空文件 重命名文件(夹) / 移动文件(夹)到指定文件夹echWeb-技术社区5].O"?8H.I执行格式: mv source destination 举例: mv file1 file2 表示将文件 file1,

iOS之在webView中引入本地html,image,js,css文件的方法 - sky//////////////////////////////////////ZZZZZZZZZZZZZZZ

iOS之在webView中引入本地html,image,js,css文件的方法 2014-12-08 20:00:16CSDN-sky_2016-点击数:10292 项目需求 最近开发的项目,需要一个webView,同时这个webView会需要引入一些项目中的资源: 一个本地的html文件,作为webView的模板 两张loading图片,在图片未加载的时候进行占位 jquery.js,scrollLoading.js 也是本地的,实现滚动加载图片功能 然后就开始了漫长的Google历程. 在w

WIN7下查看DirectX版本方法

原创作品,出自 "深蓝的blog" 博客,欢迎转载,转载时请务必注明以下出处,否则追究版权法律责任. 深蓝的blog:http://blog.csdn.net/huangyanlong/article/details/41677395 目标:如何查看WIN7下DirectX版本? 方法: 至此,查看到了WIN7系统的DirectX的版本为"11".同样的方法适用在WIN10系统上. 小知识,简而记之. 原创作品,出自 "深蓝的blog" 博客,欢

Mac OS系统下配置hosts的方法

首先,介绍下什么是hosts Hosts是一个没有扩展名的系统文件,可以用系统自带的记事本等工具打开,作用就是将一些常用的网址域名与其对应的IP地址建立一个关联,当用户在浏览器输入一个需要登录的网址时,系统首先会自动从hosts文件中寻找对应的IP地址,一旦找到,系统会立即打开对应的网址,如果没有找到,则系统会再将网址提交到DNS域名解析服务器进行IP地址的解析.以192.168.1.64 m.taowaitao.cn 为例表示每次访问 m.taowaitao.cn的时候,都不回去DNS域名解析