PHP笔记-laravel中使用jquery及jquery.niceScroll.js

IT1995

于 2022-06-08 13:51:29 发布

阅读量913

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/qq78442761/article/details/125178078

web前端同时被 3 个专栏收录

186 篇文章

订阅专栏

JavaScript

62 篇文章

订阅专栏

php

58 篇文章

订阅专栏

本文介绍了如何通过npm安装jQuery和jQuery.niceScroll，并利用Webpack将它们复制到公共目录，以便在HTML文件中引用。在webpack.mix.js中添加了复制配置，并在HTML中正确引入了js文件，确保在Chrome浏览器中正常工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先用npm安装好jquery和jquery.niceScroll

npm install jquery
npm install jquery.nicescroll

安装好后在node_modules中可以看到：

在webpack.mix.js中添加：

如下：

mix.copy('node_modules/jquery/dist/jquery.js', 'public/vendor/jquery/jquery.js');
mix.copy('node_modules/jquery.nicescroll/dist/jquery.nicescroll.js', 'public/vendor/jquery/jquery.niceScroll.js');

在对应的xx.blame.html文件中进行script

    <script src="{{ asset('vendor/jquery/jquery.js') }}"></script>
    <script src="{{ asset('vendor/jquery/jquery.niceScroll.js') }}"></script>

这样就可以获取到了。chrome浏览器测如下；