集成jQuery
在webpack打包的项目中, 使用jQuery功能
-
下载jquery模块, npm i jquery
-
在webpack中配置resolve, 模块解析方式
resolve: { // 配置如何解析模块的引入 alias: { // 别名 // import xxx from 'jquery' 实际上 运行时是 import xxx from 'jquery/dist/jquery.min.js' jquery: 'jquery/dist/jquery.min.js', } }
-
在main.js中引入jquery, import $ from ‘jquery’, 创建标签插入到网页中, 在前端使用了npm下载的模块
// 1. npm init初始化的文件夹, 其实跟node_module里的第三方包模块文件夹 是一个意思
// 2. require/import引入此文件夹时, 实际上引入的是此文件夹的包入口模块(package.json下main属性指定的)
// 默认路径索引
// 模块内: 看package.json 里 main 指定的
// 普通文件夹: index.html