Introducing Turbopack: Rust-based successor to Webpack – Vercel
Vercel's mission is to provide the speed and reliability innovators need to create at the moment of inspiration. Last year, we focused on speeding up the way Next.js bundles your apps. Each time we moved from a JavaScript-based tool to a Rust-based one, we saw enormous improvements. We migrated away from Babel, which resulted in 17x faster transpilation. We replaced Terser, which resulted in 6x fa
webpackの仕組みを簡潔に説明する - hiroppy's site
この記事は、Node.js Advent Calendar 2018の 18 日目の記事です。 遅れてしまい本当に申し訳ありません。 この記事は、HTML5 カンファレンスで話した内容が中心となります。 Node.js とはかけ離れていますが、自分が書きたかった内容だったので、理解してくださると嬉しいです。 モジュール webpack は以下のモジュールをサポートします。 // ESM (ECMAScript Modules) import foo from "./foo"; export default foo; import("./foo.wasm"); // native support for WebAssembly import("./foo.json"); // native support for JSON // CJS (CommonJS Modules) const fo
webpack v4について
Transcript XFCQBDL�W�ʹ͍ͭͯ� 'PSFGSPOU�+BWB4DSJQU���ٸதͷαʔϏεͷٕज़ୡʂ None XFCQBDL�͕ϦϦʔε͞Ε·ͨ͠ IUUQT���HJUIVC�DPN�XFCQBDL�XFCQBDL�SFMFBTFT ओͳมߋ wઃఆϑΝΠϧ͕ͳͯ͘ಈ࡞͢ΔΑ͏ʹͳͬͨ� wQSPEVDUJPO�NPEFͱEFWFMPQNFOU�NPEF͕ Ճ͞Εͨ� w$PNNPOT$IVOL1MVHJO͕আ͞Εͨ� wϏϧυεϐʔυ͕͔ͳΓ্͞Εͨ� wϝδϟʔϦϦʔεʹίʔυωʔϜ͕ͭ͘Α͏ʹͳͬͨ ʢXFCQBDL�W�ͷίʔυωʔϜ-FHBUPʣ ओͳมߋ wઃఆϑΝΠϧ͕ͳͯ͘ಈ࡞͢ΔΑ͏ʹͳͬͨ� wQSPEVDUJPO�NPEFͱEFWFMPQNFOU�NPEF͕ Ճ͞Εͨ� w$PNNPOT$IVOL1MVHJO͕
🎼webpack 4: released today!!✨
Today we’re happy to announce that webpack 4 (Legato) is available today! You can get it via yarn or npm using: $> yarn add webpack webpack-cli --devor $> npm i webpack webpack-cli --save-dev🎼 Why Legato?We wanted to start a new tradition by giving each of our major releases a codename! Therefore, we decided to give this privilege to our largest OpenCollective sponsor: trivago! So we reached out
🍾🚀 webpack 3: Official Release!! 🚀🍾
After we released webpack v2, we made some promises to the community. We promised that we would deliver the features you voted for. Moreover, we promised to deliver them in a faster, more stable release cycle. No more year-long betas, no breaking changes between release candidates. We promised to do you right by you, the community that makes webpack thrive. The webpack team is proud to announce th
A Beginner’s Guide to Webpack — SitePoint
Nowadays, we’re forced to use many accessory tools to facilitate, speed up and optimize our web development workflow. Often, though, such tools add an extra layer of complexity into the stack. As a result, we need to utilize additional time and effort to learn, understand and use these tools correctly. The same is true for webpack. When using webpack for the first time, it can be difficult to unde
Migrating to Webpack 2 - Jack Franklin
October 21, 2016Migrating to Webpack 2Webpack is on the verge of having its latest major version released, and it's expected to drop very soon. However, the main thing holding the release back is documentation, and the code is mostly written. I recently took the time to update our work project from Webpack 1 to 2, and thought I'd document the steps taken for anyone else who wants to make the move.
React + TypeScript + Webpackの最小構成 - diary
このエントリは古い情報です。 今は typescript の代わりに flowtype も使えそうです。また、ブートストラップとしては create-react-app が提供されており、ここからカスタマイズしたほうが便利だと思います。 github.com 前回 ishikuro.hateblo.jp の続き。前回のリポジトリを元にTypeScript版を作ってみたい: GitHub - ishikuro/thinking-in-react-webpack-minimum at typescript 最終的なファイルツリー . ├── dist │ ├── bundle.js │ └── index.html ├── package.json ├── README.md ├── src │ ├── app.tsx │ ├── tsd.json │ └── typing
TypeScriptでもwebpackでcommonjs requireしたい！ - Qiita
var jQuery = require 'jquery' var foo = require('./foo'); export class Hoge {} とかしたいですよね？もちろん外部モジュールも同梱した状態でコンパイルしたいですよね？ 一応typescript-loaderあるんですが、typescript側からの require のトランスフォームに対応してないし、v1.1でコンパイラ高速化したことだし各種プラグインが対応するのはだいぶ時間かかると思うので、直接使うことにしました。 注意: これは2014/10/09の暫定的な対応なので後の世ではもっとまともになってることでしょう 方法 別ディレクトリで相対パスそのままにcoffee/typescriptともにコンパイルし、その後webpackでビルドする つまり
BrowserifyからWebpackへの移行時の注意点 - Qiita
思い立ったが吉日ということで、プロジェクトのモジュール管理をRequire.jsからBrowserifyへと移行し、その直後にWebpackに移行しました。もうちょっと考えてツールを選ぼうと思います。 さて、Require.jsからBrowserifyへ変えた理由は、シンタックスをCommonJS的に書けるようになって、全体がシンプルになるから、という理由でしたが、BrowserifyからWebpackへの移行は、もうちょっと切ない理由での移行になりました。 Webpackとは ドキュメントも若干わかりづらいですが充実しており、基本的にここだけで必要な情報はほとんど得られます。 なのでこちらをどうぞ・・・じゃさすがにあれなので、ドキュメントに書いてある、作られた動機などを若干紹介します。 今はモジュールシステムがいろいろある CommonJS AMD <script> タグ ES6 Mod
『RequireJS等はもう古い。WebPackとは？』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 アメーバ事業本部 クロスイノベーション室のグンタ（@gunta85）と申します。 今回はフロントエンド開発用の、 ありとあらゆる依存関係を簡単に解決してくれる、 WebPackというスグレモノをご紹介します。 導入経緯大きなアプリを開発するにあたり、依存関係を解決してくれるものを探していました。 その中で、RequireJSやBrowserify、Componentなども候補に挙がりましたが、 諸々の理由でWebPackを選びました。 特徴の違いについては「WebPack vs Browserify」等で検索してみると良いかと思います
webpack module bundler
Getting started by reading the documentation, which also contains an introduction and a tutorial.
Webpack
Module Bundler Think Browserify with more Webpack vs Browserify Works with almost any module system AMD, CJS, UMD, Component, Latest Hipster Module System (LHMS) Can require in CSS, Images, Fonts etc. Uses CJS syntax to load modules var angular = require('angular'); angular.controller('foo', function() { }); Loaders Like browserify transforms Think CSS preprocessors ES6 Module Transpilers Convert
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - lacolaco/light-ts-loader: :zap: light weight & lightning fast TypeScript loader :zap:
https://webpack.js.org/how-to/upgrade-from-webpack-1/
GitHub - suin/webpack-typescript-example: 💡 An example of using Webpack for TypeScript developers
Domain error
webpack loader pack for TypeScript.