We generally need to reference static resources in a template when developing projects.
When using the command thinkjs to create a project, it will automatically create the directory www/static, where specially stores JS, CSS, images and other static resources.
After putting the static resources in www/static, you can reference them in a template by the following approaches.
<script src="/static/js/foo.js"></script><link href="/static/css/foo.css" rel="stylesheet" /><img src="/static/img/foo.png" alt="" >Judging whether the request is a static resource request, we use regular expression. The default configuration is as follows.
export default {
resource_on: true, // enable static resources resolution function
resource_reg: /^(static\/|[^\/]+\.(?!js|html)\w+$)/, // regular expression for judging static resource request
}You can modify the configuration file src/common/config/config.js according to your project requirements.
After the project is online, it generally uses nginx or other WEB server as an agent. At this time, you can let nginx to directly handle the static resource requests. Thus, you could close the static resources access to improve performance.
Set the option resource_on to false in the configuration file src/common/config/env/prodution.js to close it. eg.
export default {
resource_on: false
}