记录一个初级问题,由于经常性写ES6的module语法,以至于忘记了普通引入js文件orz..
背景:
在/public
文件夹下新建config.js
文件,并在index.html文件中通过<script>
标签引入,此js当作静态配置文件,方便打包后修改配置参数使用
问题:
此时不能config.js
中书写export语法,是由于浏览器目前无法直接解析module语法,若要使用,由于此js文件已经在index.html
文件中引入,此时直接在任意/src
文件夹下的js中直接写config即可,不用使用import
语法,即当作全部变量使用
若在
config.js
中书写export语法,则可能会报错如下:Uncaught SyntaxError: Unexpected token {
config.js
const config = {
url: '//111.222.333.444:8888'
}
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script src="./config.js"></script>
</body>
</html>
src中js使用
let urls = config.url + 'aaa'