公司H5项目开发-页面静态文件引入

最新推荐文章于 2021-12-21 11:43:34 发布

牧羊狼爱学习

最新推荐文章于 2021-12-21 11:43:34 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：工作文档文章标签： java html python

本文链接：https://blog.youkuaiyun.com/edwardwzw/article/details/120542200

工作文档专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了如何配置网页级别的资源映射，包括从控制台查看js文件、静态库的配置，以及活动页的HTML和PHP代码片段。涉及Vue.js应用和CSS/JS文件引用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、网页级别的配置
网页地址：https://taobao.fanli.com/h5/index/index_83110
(对应html文件：/taobao/Tpl/default/H5/Index/index_83110.html)

1. 查看控制台 js 文件：

2. 复制后去 taobao, static库查找：

在 /taobao/Common/config_page.php 文件中, 找到该静态文件(css, js)在 static 库中的映射配置: taobao-h5-index-83110-css taobao-h5-index-83110-js：

在 /static/static/groups/taobao.php 文件中，找到静态文件(css, js)的映射集合：

3. command + P, 在 static 库中查找引入的页面静态文件：taobao/css/taobao-home-v7.css. taobao/js/taobao-home-v7.js

(function (MODULE) {
  MODULE.add("Index_83110", function () {
      var app = new Vue({
          el: '#J_app',
          data: {
          },
          mounted: function() {},
          methods: {}
      })

  }).Index_83110();
})(FLNS.register("Taobao.H5.Index"));

二、活动页级别的配置：

[code]:

<?php
    // 砸金蛋
    $title = $gaea['page_set'][0]['data1'] ?: '砸金蛋';
    $cssList = array(implode(",", array(
        '//static2.51fanli.net/static/?f=webapp/css/base.css',
        'common/libs/fmu/css/dialog.css',
        '//static2.51fanli.net/huodong/Jd83790/css/index.css'))
    );
?>

<include file="$header" remwidth="750" remswitch="1" />


<div id="J_poplayer">

    ......

</div>


<?php
    $jsList = array(implode(",", array(
        '//static2.51fanli.net/static/?f=webapp/js/base.js',
        'common/js/fanli/trace/ubt.js',
        'common/libs/fmu/js/core/fmu.js',
        'common/libs/fmu/js/core/widget.js',
        'common/libs/fmu/js/vendors/vue/vue.min.js',
        'common/libs/fmu/js/extend/jquery.extend.js',
        'webapp/js/common/hybridapi/nativefunction.js',
        'huodong/Jd83790/js/index.js'
        ))
    );
?>
<include file="$footer"/>

===================

less:

// out: ../css/, autoprefixer: > 5%; last 5 versions; not ie 6-9

js:

;
(function(){
  var baseUrl = '';
 
  Vue.use(VueLazyload, {
    preLoad: 4,
    loading: '//static2.51fanli.net/common/images/loading/spacer.png'
  });
 
  new Vue({
    el: '#app',
    data: {
      
    },
    mounted () {
      
    },
    methods: {

    }
  })
})();