REST APIなどを使用しないライトなWordPress対
Boilerplate for static && Wordpress website
静的サイトとWordPress用assetsデプロイの共存テンプレート
Use Nuxt for static pages, webpack for wordpress assets
Use Local by Flywheel for local wordpress development
静的サイト生成には Nuxt を採用、
Wordpressのassets用には webpackを使用（WP時はimg,css,js等のみ書き出し）
WP環境の構築は Local by Flywheel の使用を想定
# install dependencies $ npm install # serve with hot reload at localhost:3000 # ホットリロードつきローカルサーバーの起動 $ npm run dev # generate static project # 静的サイトの生成（納品ファイル用に画像、CSSファイル等圧縮あり） $ npm run generate # Deply files for Wordpress with watch (unminified) # Wordpress用アセット書き出し（自動コンパイル、上記静的版のrun devのWPアセット版） $ npm run wp:dev # Generate minified files for WordPress # Wordpress用アセット書き出し（圧縮済み、watchなし、上記run generateのWPアセット版） $ npm run wp:build Directories
| Directory name | Usage |
|---|---|
| src/assets | Un-compiled assets such as Post css or Sass files, images, or fonts. 未圧縮のアセットファイル（CSSやimg, フォントなど） |
| src/components | Vue.js Components, import these from pages etc インポート用のコンポーネントファイル（ヘッダー・フッター等） |
| src/layouts | basic layouts for html 基本レイアウトファイル |
| src/pages | html basic files 各ページのファイル。HTML記述はこちら。templateのlang="pug"を外すと通常のHTMLで記述可能 |
| src/static | Contains files that likely won't be changed (i.e. the favicon) 圧縮させないアセットファイル等はこちらへ |
| dist | Static files (generate this with 'npm run generate') npm run generateした際に吐き出されるディレクトリ。納品ファイル |
For detailed explanation on how things work, checkout Nuxt.js docs.
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
