サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


サイドバー

目次

サルでもわかる機械学習

このページへのアクセス
今日: 2 / 昨日: 0
総計: 3

sidebar

00.javascript:15.parcelの使い方


15.parcelの使い方

見出し

https://qiita.com/soarflat/items/3e43368b2d767c730781

globalにparcel-bundlerをインストール

yarn global add parcel-bundler
// または、 npm install -g parcel-bundler

→この後、parcelコマンドを入力しても、

'parcel' は、内部コマンドまたは外部コマンド、
操作可能なプログラムまたはバッチ ファイルとして認識されていません。

と表示されてしまい、うまくいかない。

https://ics.media/entry/19580/
Sassの変換にオススメ!
Parcel入門
2020年2月14日 メンテナンス済み / 株式会社ICS 鹿野 壮

ここから開始

新規フォルダを作成して、

yarn init -y
yarn add parcel
yarn run parcel src/index.html --open
// npm init -y
// npm i -D parcel
// npx parcel src/index.html --open

見出し

https://i-doctor.sakura.ne.jp/font/?p=45897
TypeScriptとSassを用いたWEBサイトをParcelを用いて構築する
2020年12月19日

yarn run parcel src/index.html --open

開発環境

Windows10でのNode.jsの環境構築(nvm-windows, node, yarnのインストール)についてはhttps://i-doctor.sakura.ne.jp/font/?p=45117をご覧ください。

Windows10 Pro
Lobe 0.8.1208.4
VisualStudioCode 1.51.0
Git for Windows v2.29.2

nvm-windows 1.1.7
node v14.15.0
npm 6.14.8
yarn 1.22.10

yarnがインストールされていない場合は、以下を入力して、yarnをインストールします。

npm install -g yarn

流れ

  1. yarn init -y
  2. yarn add -D parcel
  3. src/index.htmlなどを作成

ローカル環境で実行するときは、

yarn run parcel src/index.html --open

見出し


00.javascript/15.parcelの使い方.txt · 最終更新: 2022/02/06 by adash333