zoukankan      html  css  js  c++  java
  • webpack多页面开发哪种目录结构比较好?

     

    RT 多页面目录结构看了很多种。。主要的大概有下面这些

    第一种:一个页面一个文件夹,内部包含所有依赖

    webpack-project //项目根目录
        --src //开发目录
            -index //主页的目录
              +index.html
              +images
              +js
              +css
            -about //about页面的目录(内部和上面index一样)
            -works //同上
            -contact //同上
        --dist //发布目录
            -内容就是用html-webpack-plugin生成的和src一样的结构
        --package.json
        --mode_moudule
        ...

    第二种:HTML都扔模板目录,js/css/image等资源放另外目录

    webpack-project //项目根目录
        --src //开发目录
          -views //HTML模块目录,所有的HTML页面都塞进去
            +index.html
            +about.html
            +contact.html
          -css
          -js
            +index.js
            +about.js
            +contact.js
            +components //其他的js片段
          -images
          
        --dist //发布目录
            --内容就是用html-webpack-plugin生成的和src一样的结构
        --package.json
        --mode_moudule
        ...

    第三种:不使用html-webpack-plugin生成html,html直接引用dist里的打包后资源

    webpack-project //项目根目录
        --src //开发目录
          -css
          -js
            +index.js
            +about.js
            +contact.js
            +components //其他的js片段
          -images
        --dist //发布目录
          -css
          -js
          -images
        --package.json
        --mode_moudule
        --index.html
        --about.html
        --contact.html

     

  • 相关阅读:
    EL表达式具体解释
    Android 实战美女拼图游戏 你能坚持到第几关
    redis sentinel安装及配置(单机版)
    ElasticSearch scroll查询 api
    springboot自动配置原理
    kafka实践
    Springboot mybatis
    计算机原理
    快速排序算法
    maven常见报错问题
  • 原文地址:https://www.cnblogs.com/zero7room/p/6861148.html
Copyright © 2011-2022 走看看