QQ扫一扫联系
系统静态资源位置说明
| 状态 | 位置 |
|---|---|
| 源代码 | vendor/modstart/modstart/resources/asset/ |
| 编译后 | vendor/modstart/modstart/asset/ |
| 发布后 | public/asset/ |
模块静态资源位置说明
| 状态 | 位置 |
|---|---|
| 源代码 | module/Xxx/resources/asset/ |
| 编译后 | module/Xxx/Asset/ |
| 发布后 | public/vendor/Xxx/ |
前端代码需要使用 nodejs 构建，需要预先了解前端使用 webpack, gulp 打包的基础知识。构建方式如下：
module/Xxx/resources/asset/
npm install
webpack
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
在代码中进行静态资源引用时如下所示
<link rel="stylesheet" href="@asset('vendor/Xxx/style/test.css')" />
<script src="@asset('vendor/Xxx/script/test.js')"></script>
<img src="@asset('vendor/Xxx/image/test.jpg')" />
