📦 Parcel v2のRFCが公開されました 🎉 - Qiita
2020/06/21追記： 2020/6/19にParcel 2のベータ版が公開されました。 🚀 Parcel 2 beta 1 has been released! 🌳 Improved tree shaking 🗺 20x faster source map builds #️⃣ Improved content hashing 🚨 Resolver diagnostics 📊 More accurate bundle reports 🐞 Tons of bugfixes! 📝 Read more: https://t.co/hMGtOKEOs3 🌎 New website! https://t.co/SWaS5OvWIA — Devon Govett (@devongovett) June 18, 2020 それに伴い、Parcel 2でいくつかの開発環境を構築する記
Parcel v1.9.0 がリリースされました 🎉 - Qiita
本日、Parcel v1.9.0がリリースされました Parcel v1.9.0 is out! 🚀 🌳 Tree Shaking + scope hoisting for both ES6 and CommonJS modules! 👀 Up to 2x faster file watcher 💵 Cache resolved file names 🔎 Extended resolver for SASS, LESS, and Stylus 🚨 Improved browser error reporter 📝 Read more: https://t.co/6IXWVOkMRC pic.twitter.com/LcdVsKt0RK — Parcel (@parceljs) 2018年6月14日 元記事） 📦 Parcel v1.9.0 — Tree Shaking, 2
Parcelでバンドルされたファイルの内訳を確認する - Qiita
Webpackにはwebpack-bundle-analyzerというバンドルされたファイルの内訳や解析をみることができるプラグインがあります webpack-bundle-analyzer https://www.npmjs.com/package/webpack-bundle-analyzer Parcelでもプラグインをインストールするだけでこの機能を利用することができます それがparcel-plugin-bundle-visualiserです parcel-plugin-bundle-visualiser https://www.npmjs.com/package/parcel-plugin-bundle-visualiser 使い方 まずはプロジェクトにプラグインをインストールします
Parcelでbackground-image: url(...)しようとしてエラーが出る時は - Qiita
tl;dr 404エラーが出た場合はurl内をクォーテーションで囲う Cannot found moduleエラーが出た場合はCSSをJSで読み込むようにする 404エラー ParcelでSassを書いている時、背景画像を読み込もうとしたら404エラーが出ました
Parcel v1.9.xで Cannot destructure property `parser` of 'undefined' or 'null'. が出るときは - Qiita
Parcel v1.9.xで Cannot destructure property `parser` of 'undefined' or 'null'. が出るときはTypeScriptparcel tl;dr parcel-plugin-typescriptのバージョンを1.0.0まで上げましょう 環境 Parcel: v1.9.0以降 TypeScript 状況 Parcel v1.8.xのプロジェクトでParcelのバージョンを上げると以下のようなエラーが発生しました 🚨 /my/project/src/index.pug: Cannot destructure property `parser` of 'undefined' or 'null'. at Object.MakeTranspileAsset (/my/project/node_modules/parcel-plug
create-react-appでの素振り時にparcelに切り替えてしてTypeScript化する - Qiita
create-react-appでtypescript使って素振りしたくなったとき、parcelに即切り替えるのアリなのでは、と思ったのでまとめる。 今回は例示としてはじめから作ってるが、create-react-appで始めたものの、途中でTypeScriptにしたくなったときにも手順はそれほど変わらないはず。 手順 とりあえず作る
ParcelでVueアプリケーションを作る環境 - Qiita
昨年12月に、この記事を見てWebpackからParcelに乗り換えることを決意、Vue派の私は、 「どうしてもParcelでVueを使いたい！」 しかし調べ始めてもネットには日本語どころか英語の知見もほとんど転がっていない状況。 (Reactは公式にもサンプルがあったはずですが) おそらくこの記事を読んでいるあなたも同じ悩みを抱えていることではないでしょうか。 Parcelとの出会いからかれこれ7ヶ月、試行錯誤の末たどり着いたビルド環境を貴重な(?)日本語の知見(?)として公開します。 テンプレ まずは手っ取り早く、私がいつも使うVue + Vuex + vue-routerをひとまとめにしたテンプレ環境と、サーバーも一気に開発したいんだ！！という方向けにサーバー付きテンプレを上げておきます。 サーバーフレームワークはKoaを使っています。 正直、私の好み全部載せ感否めませんが、参考にし
ParcelでPWA化する最速の方法 - Qiita
parcel-plugin-sw-precacheは、service-worker設定ファイルとHTMLからのリンクをいいカンジに生成してくれるプラグインです。 一応細かい設定もできますが、基本的にはこれを入れてParcelを動かすだけで大丈夫です。 parcel-plugin-sw-precache - npm 2. manifest.webmanifestの作成 GoogleによるManifest Documentでは、manifest.jsonというファイル名での記述を指定していますが、このファイル名ではParcelがファイル名を改変してしまい、上手く動作しません。 そこで、MDNが指定しているmanifest.webmanifestというファイル名で記述し、HTMLファイルから
ParcelのBuildでcssやjsのパスが思った通りじゃない時の対応 - Qiita
修正前 parcel build -d dist ./src/index.html 修正後 parcel build -d dist ./src/index.html --public-url ./ 以下でパスを指定するぽい --public-url ./ Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationWhat you can do with signing up
ExtendScriptで書いたコードをビルドしたら日本語が文字化けした件 - Qiita
TL;DR extendscriptで書いたコードをparcelやwebpackでビルドしたら、alertの日本語が盛大に文字化けした。 ビルドツールを挟まなければ文字化けしなかった。 webpackのpluginでutf8-bomを付与したら文字化けしなくなった。 はじめに Adobe系ツール1を操作するスクリプト（ExtendScript）を書くなら、現代っ子らしく（？）やっぱり型定義は欲しい！ というわけで、TypeScriptでAdobe系ツールの開発をできるように環境を整えました。 せっかくなので、webpackじゃなくてparcelも使いました。 そうしたら、文字化けしました。 文字化けしましたが、その前段階までの環境構築で参考にしたのは以下の記事になります。 TypeScriptでAfterEffects等のAdobeアプリを操作したい - Qiita typescriptで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Hosting Parcel Repositoryを作るよ - Qiita
Parcel+ElectronではJSからCSSモジュールをimport/require出来ない - Qiita
Cloud9 で parcel serveされたコンテンツにアクセスする - Qiita
Vue 2.5 + TypeScript 3.0 を Parcel でビルドする - Qiita
Parcel ベースの極小 React 学習用プロジェクトを作った - Qiita