webpack window 添加第三方库

有的时候还想来点jquery,moment,undersocre之类的库,webpack可以非常容易的做到这一点,有谣言说Bower即将停止开发了, 作者推荐都使用npm来管理依赖。那么我们现在安装在我们的app中添加jquery和moment的支持。

npm install jquery moment --save-dev

注释掉之前的index.js的代码,在index.js中加上

var sub = require(‘./sub‘);
var $ = require(‘jquery‘);
var moment = require(‘moment‘);
var app  = document.createElement(‘div‘);
app.innerHTML = ‘<h1>Hello World it</h1>‘;
document.body.appendChild(app);
app.appendChild(sub());
$(‘body‘).append(‘<p>look at me! now is ‘ + moment().format() + ‘</p>‘);

看看浏览器,成功! jquery和moment现在都起作用了!

效果:

时间: 2024-11-08 23:57:34

webpack window 添加第三方库的相关文章

Xcode5.1 64位添加第三方库真机测试时出现 Apple Mach -O Linker Error

今天添加微信分享的时候添加微信的静态文件和我以前添加的Core-Plot第三方库发生了冲突, 出现一大堆的 "Apple  Mach  -O Linker Error" , 错误分析: 这次出现错误的原因是 Architectures不统一造成的,微信的APi要求用32位编译,而第三方库是包含了64位. 解决方法: 解决的原理很简单 ,就是把Architectures 统一,把项目的Architectures和所引用的第三反库的(如果还有pod进来的pod内的targets的内容也要修

iOS——Xcode中添加第三方库

一.只有.h和.a文件的库 1.向项目中添加三方库文件 如果添加的第三方库只有.h和.a文件,直接把文件夹拖进项目下面,这时会弹出下面的提示框,一定要勾选下面选择的选项: 这里要注意,在Add to targets里面一定要选择上要将库文件(.a文件)添加到的目标,这是告诉项目哪些目标需要包含.a文件,不然的话项目目标里将不会包含.a文件:这个时候,进入“工程->添加了第三方库的项目目标(TARGETS里面)->Build Phases->Link Binary With Librari

Android中的依赖问题(五种依赖、eclipse、AS、添加第三方库、jar)

这篇文章的主题是: 依赖是什么 eclipse中的依赖 AS中的依赖(有一篇详细的文章讲得非常好,这里就不再写了http://blog.csdn.net/yy1300326388/article/details/46422939) 另外相关的话题有↓,可以自行查看: 安卓的support包的历史 AS中grandle具体的内容 怎么做一个给别人用的Jar包和lib库 (另外,贴图有点麻烦,所以这里图片只放了一张,如果有博友觉得本文有帮助而且希望补充图片,可以留言) 依赖是什么 依赖这个东西在安卓

Pycharm如何添加第三方库和插件

首先打开Pycharm,点击左上角  >>File  >>Setting . 打开之后点击 >>PRoject :untitled   >>Project interpreter  . 点击左边的绿色的加号就可以添加新的第三方库了. 你感觉怎么样? 我是觉得比打开命令行方便. 接下来是如何添加插件,点击左上角的按钮>> File >> setting >>plugins 直接在括号里面输入插件名字查找吧. 转载地址:htt

python 技巧 之 pyCharm快速添加第三方库和插件

学习python有几个月,安装第三方库都是通过 pip install 或者 easy_install.每次都要打开命令行感觉太麻烦.还好Pycharm提供了安装第三方库和安装插件的功能. 首先打开Pycharm,点击左上角  >>File  >>Setting . 打开之后点击 >>PRoject :untitled   >>Project interpreter  . 点击左边的绿色的加号就可以添加新的第三方库了. 你感觉怎么样? 我是觉得比打开命令行方

Java 命令号编译运行时添加第三方库

虽然现在各种集成开发环境可以很方便的利用 BuildPath 的方式添加第三方的外部库, 但是对于初学者来说,掌握命令行javac 编译 java 运行的方式还是很有必要的.学习 classpath 选项的使用方法可以在不使用集成开发环境的情况先手动添加第三方的外部库. 工具准备: 文本编辑器 Coda2, 用作演示的 MySQL 驱动包 mysql-connector-java-5.1.36-bin.jar. 命令介绍: classpath 的使用方法: 命令形式: javac -classp

IOS 手动添加第三方库报错问题

当不想使用CocoaPods来管理和使用第三方库的时候,就需要手动添加和配置这些第三方库,难免会出现一些问题,主要问题汇总如下: 1.AFNetworking.NKNetWork.ZxingObjC等第三方库为了支持低版本的系统(IOS 5,6)会出现不能编译如下代码 @property (nonatomic, strong)dispatch_queue_t 这是因为,当IOS SDK版本>=6.0时,ARC会管理GCD对象,当IOS SDK版本<6.0时,GCD是需要手动管理的,兼容则需要写

CocoaPods 添加第三方库报错

1.终端报错:The dependency MBProgressHUD (~> 0.9.2) is not used in any concrete target. 2.原因:CocoaPods升级到最新版本(包括一些高版本),Podfile文件的内容必须明确指出所用第三方库的targetName. 3.报错分析:低版本和高版本写法不一样. 低版本: platform :ios, '8.0'pod 'MBProgressHUD', '~> 0.9.2' 高版本: platform :ios,

angular4添加第三方库

很多在使用angular的开发人员都想在项目中引入自己熟悉的第三方库 下面是使用第三方库的几种方法 1.如果第三方库提供了npm包,可以使用 npm install xxx --save 将依赖包安装在项目的node_modules目录下 如果是css文件需要在angular-cli.json中的styles引入 "styles": [ "../node_modules/第三方库/css/xxx.css" ] 如引入jquery npm install jquery