私は最近 thinkjs3 を勉強していますが、まだ整理する必要があることがわかりました。次の記事では、Thinkjs3 の初心者向けに静的リソース ディレクトリの使用方法に関する関連情報を中心に紹介します。友達はそれを参照できます。
静的リソースへのアクセス
プロジェクトを開発するときは、通常、テンプレートで静的リソースを参照する必要があります。
thinkjs コマンドを使用してプロジェクトを作成すると、www/static ディレクトリが自動的に作成され、このディレクトリは JS、CSS、画像などの静的リソースを保存するために特別に使用されます。
0x0 新しいプロジェクトには自動的に www/static が入るそうです!?
デフォルトのプロジェクト構造は以下の通りだそうです:
|--- development.js //开发环境下的入口文件 |--- nginx.conf //nginx 配置文件 |--- package.json |--- pm2.json //pm2 配置文件 |--- production.js //生产环境下的入口文件 |--- README.md |--- src | |--- bootstrap //启动自动执行目录 | | |--- master.js //Master 进程下自动执行 | | |--- worker.js //Worker 进程下自动执行 | |--- config //配置文件目录 | | |--- adapter.js // adapter 配置文件 | | |--- config.js // 默认配置文件 | | |--- config.production.js //生产环境下的默认配置文件,和 config.js 合并 | | |--- extend.js //extend 配置文件 | | |--- middleware.js //middleware 配置文件 | | |--- router.js //自定义路由配置文件 | |--- controller //控制器目录 | | |--- base.js | | |--- index.js | |--- service //服务目录 | | |--- **.js //用户自己定义的服务 | |--- logic //logic 目录 | | |--- index.js | |--- model //模型目录 | | |--- index.js |--- view //模板目录 | |--- index_index.html |--- www | |--- static //静态资源目录 | | |--- css | | |--- img | | |--- js
www/static ディレクトリが入っているのですが、今は抜けてしまうようになりましたthinkjs new プロジェクトにはこのディレクトリがないため、自分で作成する必要があります:
$ mkdir www && cd www $ mkdir static
0x1 それにファイルを追加します
$ touch fuck.js && echo 'fuck 高数' > fuck.js
ここでは、私の通常のスタイルでfuck.jsファイルを作成します。追加することもできます気分に応じて他のファイルも
それからプロジェクトを開始して、対応するページ 127.0.0.1:8360/fuck.js を見てください
すべてがうまくいった場合は、何か問題が発生します。
0x2学生、基本法に準拠しているURLに記入してください
正しいパスは127.0.0.1:8360/static/fuck.js0x3である必要があります? static
という名前が気に入らない場合は、src/config/middleware.js のリソースパラメータを変更して変更できます:変更前: ....
{
handle: 'resource',
enable: isDev,
options: {
root: path.join(think.ROOT_PATH, 'www'),
publicPath: /^\/(static|favicon\.ico)/ // <-- 此处将修改
}
},
....
.... { handle: 'resource', enable: isDev, options: { root: path.join(think.ROOT_PATH, 'www'), publicPath: /^\/(public|favicon\.ico)/ // <-- 此处修改了 } }, ....
|--- www | |--- static //静态资源目录 | | |--- fuck.js
|--- www | |--- public //静态资源目录 | | |--- fuck.js
0xSegmentFuck 知覚的理解
Thinkjs プロジェクトのディレクトリ構造は、Web サイトの URL にある程度対応しています (第 1 章と合わせて)。
公式サイトは信用できません。Angular2 で URL の # 記号を削除する方法 (詳細なチュートリアル)
以上がThinkjs3 で静的リソース ディレクトリを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。