美文网首页
关于加载非模块的js

关于加载非模块的js

作者: Asuler | 来源:发表于2020-07-17 18:30 被阅读0次

这种就不需要npm了,直接再index.html加上
<script type="text/javascript" src="xxx.js"></script>

但是如果在react里面直接用window.xxx的话,会报错说xxx is undefined,但是这个js文件,并不是模块化的,也就是说没法用 import XXX from 'xxx.js' 这种写法

即使 在组件里最上面写了 import './xxx.js' 还是会照样报错

解决方法是
在index.html上加<script async type="text/javascript" src="xxx.js"></script>

相关文章

  • 关于加载非模块的js

    这种就不需要npm了,直接再index.html加上 但是如果在react里面直接用window.xxx的话,会报...

  • webpack处理文件

    一. 加载非js文件 webpack处理css,sass,less,scss模块webpack默认不能处理css文...

  • webpack打包代码实现

    webpack模块加载 异步模块加载 通过 import()实现指定模块的懒加载操作 懒加载的核心原理就是创建js...

  • webpack-重点

    Webpack中必须掌握的配置 loader主要用于把模块原内容按照需求转换成新内容,可以加载非 JS 模块!通过...

  • 关于JS模块化时循环加载的那些事儿

    关于JS模块化时循环加载的那些事儿 关于JS模块化的相关知识有很多,一些基本的知识平时都会有注意到,但是在实践中发...

  • ES6之用模块封装代码

    什么是模块? 模块( Modules )是使用不同方式加载的 JS文件(与JS原先的脚本加载方式相对)。这种不同模...

  • #JS# requireJS

    1、 加载require.js2、 加载自己的代码 data-main 加载主模块(网页的入口代码) 3、 主模块...

  • javascript模块化总结

    CommonJS 规范 实现js模块化模块加载 require模块标识 module模块定义 exports No...

  • requireJs学习笔记(一)

    概念 优势 防止js加载阻塞页面渲染 使用程序调用方式加载js API define 定义模块 require 加...

  • js静态打包动态化插件

    动态插件 非模块化的js可以通过 标签来加载,可以简单实现动态化插件。在使用js静态打包工具后,所有依赖都在打包期...

网友评论

      本文标题:关于加载非模块的js

      本文链接:https://www.haomeiwen.com/subject/hglnhktx.html