laravel用npm安装一个包之后如何引入?

laravel用npm安装一个包之后如何引入?

比如,我要使用sweetalert2,先安装:

npm install --save sweetalert2

安装完成。

安装后需要在laravel的\resources\assets\js\bootstrap.js文件中引入吗?它的默认内容是这样的:

window._ = require('lodash');

try {
    window.$ = window.jQuery = require('jquery');

    require('bootstrap');
} catch (e) {}


window.axios = require('axios');

window.axios.defaults.headers.common['X-CSRF-TOKEN'] = window.Laravel.csrfToken;
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

上面内容看起来好像是引入了lodash,jquery,bootstrap,axios,但它们的写法不同,分别是:

window._ = require('lodash');
window.$ = window.jQuery = require('jquery');
require('bootstrap');
window.axios = require('axios');

问题:
1、现在我要引入sweetalert2,应该怎么写?
2、能否解释一下上面4种写法分别是什么意思?

阅读 7.2k
3 个回答
window.sweetalert2 = require('sweetalert2')

引入这个包,但是这个包默认作为局部模块

如果需要全局使用,就把它附加到window全局作用域上

window._ = require('lodash'); 全局引入
window.$ = window.jQuery = require('jquery'); 全局引入
require('bootstrap'); //bootstrap 依赖 window.$

如果你想知道什么,可以看看前端工程中的 cmd amd 规范

直接页面底部用 <script> 标签插进来

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题