webpack引入axios和layui

Question

我是在laravel中使用的laravel使用laravel-mix是一个webpack基础上的编译器

在web中直接script引入编译好的app.js 和app.css
问题是一直提示layui is not definded 和axios is not defined,Layui出错就算了据说本来对模块化之类的支持就不好,现在axios也有问题是没看懂!

window.axios = require('axios');
//这里会进一步调用laravel-mix封装的一个解析成webpack语法的函数

<script>
    console.log(window.axios);
    console.log(window);
</script>

很奇怪window有axios 但是.axios就没了

Answer 1

猜得不错的话，应该是 amd ，用法错了

Answer 2

window.axios可能是一个自执行函数了，这个函数没有return，所以默认return undefined。

Answer 3

说明你使用的方式不对. 既然使用了vue, 就应该在.js或者.vue中通过模块引入,而不是引入全局环境, 只要把webpack配置好, webpack 会自动打包进你的开发环境或生产环境的. webpack 就是干这种活的呀..

有一些类库没有提供模块方式, 那就需要在index.html引入<script>, 引入的顺序还需要在调用之前, 然后在eslint之类的设置全局环境.