搜索中心
搜索中心 搜索快照

前端开发 - 前端代码位置

系统静态资源位置说明

状态 位置
源代码 vendor/modstart/modstart/resources/asset/
编译后 vendor/modstart/modstart/asset/
发布后 public/asset/

模块静态资源位置说明

状态 位置
源代码 module/Xxx/resources/asset/
编译后 module/Xxx/Asset/
发布后 public/vendor/Xxx/

前端代码需要使用 nodejs 构建,需要预先了解前端使用 webpack, gulp 打包的基础知识。构建方式如下:

  1. 进入源代码目录:module/Xxx/resources/asset/
  2. 安装 nodejs 依赖:npm install
  3. 运行JS打包:webpack
  4. 运行静态资源打包:gulp

通常情况下,如果模块的静态文件(JS、CSS、图片等)不需要打包,可以直接创建文件夹 module/Xxx/Asset/ ,然后将静态文件放入该文件夹即可。
模块安装完成后,静态资源文件会自动发布到 public/vendor/Xxx/ 目录下。

如模块有静态资源结构如图

module
└── Xxx
    └── Asset
        ├── image
        │   └── test.jpg
        └── style
            └── test.css

模块安装后静态资源结构为

public
└── vendor
    └── Xxx
        ├── image
        │   └── test.jpg
        └── style
            └── test.css

在代码中进行静态资源引用时如下所示




查看原文
QQ
微信
客服