問題タブ [webpack-3]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
webpack - css-loader sass-loader の解析エラー
私は webpack 1 から 3 に移行しています。非常に多くのエラーを経験した後、今はこれで立ち往生しています。誰か助けてください!
これらのエラーが発生しています -
これがサンプルリポジトリです - https://github.com/shivamkumar110/webpack-3-test
ここに私のwebpack.config.jsからのスニペットがあります
css-loader - コードでさらに使用するためにスタイルをインポートする
css スタイルシートを HTML ページに適用しようとしているだけでなく、それを JavaScript コードの文字列として取得しようとしています (スタイルシートをユーザーに表示したい)。と を使用css-loader
してstyle-loader
います。以下は、webpack 構成ファイルのスニペットです。
この構成を使用すると、スタイルが HTML ページに適用されますが、コード内の文字列として取得できません。空のconsole.log(style.toString())
オブジェクト[object Object]が表示されます。Object.keys(style)
を与えるので、それは空です[ ]
。app.js
ファイルは次のとおりです。
をコメントアウトする{ loader: 'style-loader'}
と、コンソールはスタイルシートを出力しますが、スタイルは HTML ページに適用されません。この場合のconsole.log(style.toString())
出力は次のとおりです。
何かアドバイス?
webpack - ローダーは時系列でコンパイルされません
ドキュメントから:
一連のローダーが時系列にコンパイルされます。一連のローダーの最初のローダーは、次のローダーに値を返します。
たとえば、次の webpack 構成を見てみましょう。
docs によると、style-loader
最初に実行され、次に出力がパイプされますcss-loader
(時系列のため)。しかし、それはそれがどのように機能するかではありません。実際css-loader
には、最初にスタイルシートをロードし、結果をパイプstyle-loader
して、html ページに追加します。
ローダーの順序を変更すると、ビルド時にエラーが発生します。
エラー:
私は何が欠けていますか?時系列を正しく理解していないのでしょうか?
webpack - node_modulesを除外しないWebpack 3
node_modules を除外できないため、ここで webpack.config.js の何が問題になっていますか。以前のバージョンの webpack でこの問題に関する同様の投稿を見つけましたが、構文が異なるため、修正は機能しません...
javascript - HandlebarsIntl と webpack 3 の統合
ハンドルバー テンプレートにHandlebars Intlを使用したいのですが、使用中に「helpers.formatNumber is undefined」というエラーがスローされます。
これは私のWebパック構成です
これは私のハンドルバーの header.tpl です
呼び出す前に、既に HandlebarsIntl をハンドルバーにリンクしています
HandlebarsIntl.registerWith(ハンドルバー); そして、Handlebars.helpers の下に登録されたヘルパーが表示されます
参照: https://github.com/pcardune/handlebars-loader https://formatjs.io/handlebars/
これについて私を助けてください