首页  >  问答  >  正文

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

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

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

npm install --save sweetalert2

安装完成。

安装后需要在laravel的resourcesassetsjsbootstrap.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种写法分别是什么意思?

曾经蜡笔没有小新曾经蜡笔没有小新2733 天前788

全部回复(3)我来回复

  • 伊谢尔伦

    伊谢尔伦2017-05-16 16:48:29

    window.sweetalert2 = require('sweetalert2')

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

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

    回复
    0
  • ringa_lee

    ringa_lee2017-05-16 16:48:29

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

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

    回复
    0
  • 世界只因有你

    世界只因有你2017-05-16 16:48:29

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

    回复
    0
  • 取消回复