]; Then open the manifest file."/> ]; Then open the manifest file.">

Home  >  Article  >  Web Front-end  >  How to introduce external js to Uniapp

How to introduce external js to Uniapp

coldplay.xixi
coldplay.xixiOriginal
2020-12-08 13:33:4622048browse

Uniapp’s method of introducing external js: First create a new indexl file and introduce external js. The code is [d8601729f5736e22a07c527949c90b8d2cacc6d41bbb37262a98f745aa00fbf0]; Then open the manifest file.

How to introduce external js to Uniapp

The operating environment of this tutorial: windows7 system, uni-app2.5.1 version, Dell G3 computer. This method is suitable for all brands of computers.

Recommended (free): uni-app development tutorial

Uniapp Method to introduce external js:

First create a new indexl file

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>
<%= htmlWebpackPlugin.options.title %>
</title>
<script>
document.addEventListener(&#39;DOMContentLoaded&#39;, function() {
document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + &#39;px&#39;
})
</script>
<link rel="stylesheet" href="<%= htmlWebpackPlugin.options.baseUrl %>static/index.css" />
<!-- 引入外部js -->
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script type="text/javascript">  
// 获取ip
    console.log(returnCitySN["cip"]+&#39;,&#39;+returnCitySN["cname"])  
</script>
</head>
<body>
<noscript>
<strong>Please enable JavaScript to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>

Then open manifest.json

"h5" : {
        "devServer" : {
            "port" : 8000,
            "disableHostCheck" : true,
        },
// 这里引入html
"template" : "index.html",
"optimization" : {
     "treeShaking" : {
         "enable" : true
     }
}
    }

Related free learning recommendations: Programming video

The above is the detailed content of How to introduce external js to Uniapp. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn