集成jQuery

集成jQuery

在webpack打包的项目中, 使用jQuery功能

1. 下载jquery模块, npm i jquery

2. 在webpack中配置resolve, 模块解析方式

   resolve: { // 配置如何解析模块的引入
           alias: { // 别名
               // import xxx from 'jquery'  实际上 运行时是 import xxx from 'jquery/dist/jquery.min.js'
               jquery: 'jquery/dist/jquery.min.js',  
           }
   }
   

3. 在main.js中引入jquery, import $ from ‘jquery’, 创建标签插入到网页中, 在前端使用了npm下载的模块

   // 1. npm init初始化的文件夹, 其实跟node_module里的第三方包模块文件夹 是一个意思

   // 2. require/import引入此文件夹时, 实际上引入的是此文件夹的包入口模块(package.json下main属性指定的)

   // 默认路径索引

   // 模块内: 看package.json 里 main 指定的

   // 普通文件夹: index.html