本节一起学习一下,在我们的项目中安装第三方库进行使用,然后用webpack打包。
1.我们安装一个jquery库
npm install jquery --save-dev
安装成功后,可以在package.json文件中看到安装的版本号:
2.下面在main.js中引用这个库,并且进行方法的调用
*main.js*
require('../css/style.css')
var tryStr = require('./subMethod.js')
var $ = require('jquery') //直接引用jquery并赋值给$(jquery的标志符号,你也可以自己命名一个)
document.write(tryStr())
// 调用jquery方法,,进行内容,样式的更改
$('body').html('引入jquery后内容变化').css({'background-color':'#0000ff'})
3.运行打包命令webpack后,打开index.html文件查看,引入的内容是否生效。