タグ付けされた質問 「webpack」

をvue webpack使用してプロジェクトを作成しましたvue-cli。 vue init webpack myproject そして、プロジェクトをdevモードで実行しました： npm run dev 私はこのエラーを受け取りました： リソースの読み込みに失敗しました：サーバーはステータス404（見つかりません）http：// localhost：8080 / favicon.icoで応答しました では、webpack内で、favicon.ico正しくインポートする方法は？

91 html  ecmascript-6  webpack  vue.js  favicon 

例えば @import url("~./foobar"); ここで見ましたが、それがパッケージ固有のものなのか、それとも実際のCSS構文なのかはわかりません。

91 css  webpack  webpack-style-loader 

で実際のアプリしか見ることができません/public。 の構成webpack.config.jsは次のとおりです。 var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: /\.js$/, loaders: ['react-hot', 'babel-loader'], exclude: /node_modules/ } ] }, plugins: [ new webpack.HotModuleReplacementPlugin(), new webpack.NoErrorsPlugin() …

91 node.js  reactjs  webpack  reactjs-flux  webpack-dev-server 

アプリを起動しようとすると、次のエラーが表示されます... > css-modules@1.0.0 start /Users/johnnynolan/Repos/css-modules webpack && open index.html (node:5706) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead /Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802 throw new Error( ^ Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead at Chunk.get (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802:9) at /Users/johnnynolan/Repos/css-modules/node_modules/extract-text-webpack-plugin/dist/index.js:176:48 at Array.forEach (<anonymous>) at /Users/johnnynolan/Repos/css-modules/node_modules/extract-text-webpack-plugin/dist/index.js:171:18 at AsyncSeriesHook.eval [as callAsync] (eval …

91 javascript  npm  webpack 

取得index.jsしてビルドしたいカルーセルファイルがあるblock.build.jsので、次のようになりwebpack.config.jsます。 var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [ { test: /.js$/, loader: 'babel-loader', exclude: /node_modules/, query: { presets: ['react', 'es2015'], plugins: ['transform-class-properties'] } } ] } }; module.exports = config; package.jsonこれは私の使用は以下の通りです： { "name": …

91 reactjs  webpack  babeljs 

「重要な情報」のみを端末に記録するようにwebpackに指示する構成オプションがあるかどうか知りたいのですが。エラーと警告だけで、すべてではありません。 たくさんの出力があります！一般的なものを抑制し、webpackに警告/エラーのみを出力させたいと考えています。以下のためのソリューションをご希望webpack、webpack-dev-serverとkarma-webpack。 注：私が試したnoInfo: trueとquiet: trueが、トリックを行うようには見えなかったという。 編集：これは不可能かもしれないと思っているので、githubで問題を作成しました：https：//github.com/webpack/webpack/issues/1191

91 webpack  webpack-dev-server 

私はそれが可能かどうかわからないプロジェクトで何かをしようとしています、私は間違った方法であるか、何かを誤解しています。私たちはwebpackを使用しており、アイデアは複数のhtmlファイルを提供することです。 localhost：8181-> index.htmlを提供します localhost：8181 / example.html-> example.htmlを提供します ドキュメントに従って、複数のエントリポイントを設定してこれを実行しようとしています。 フォルダ構造は次のとおりです。 / |- package.json |- webpack.config.js /src |- index.html |- example.html | /js |- main.js |- example.js Webpack.config.js： ... entry: { main: './js/main.js', exampleEntry: './js/example.js' }, output: { path: path.resolve(__dirname, 'build', 'target'), publicPath: '/', filename: '[name].bundle.js', chunkFilename: '[id].bundle_[chunkhash].js', sourceMapFilename: '[file].map' }, ... …

89 webpack  webpack-dev-server 

CSSモジュールからテーマをインポートしようとしていますが、TypeScriptで「モジュールが見つかりません」というエラーが表示され、テーマが実行時に適用されません。Webpackの設定に問題があると思いますが、どこに問題があるのか​​わかりません。 私は次のツールを使用しています： "typescript": "^2.0.3" "webpack": "2.1.0-beta.25" "webpack-dev-server": "^2.1.0-beta.9" "react": "^15.4.0-rc.4" "react-toolbox": "^1.2.3" "node-sass": "^3.10.1" "style-loader": "^0.13.1" "css-loader": "^0.25.0" "sass-loader": "^4.0.2" "sass-lint": "^1.9.1" "sasslint-webpack-plugin": "^1.0.4" これが私の webpack.config.js var path = require('path'); var webpack = require('webpack'); var sassLintPlugin = require('sasslint-webpack-plugin'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/dev-server', './src/index.tsx', ], output: { path: …

88 typescript  import  sass  webpack  css-modules 

https://github.com/moroshko/react-autosuggestから例を実装してい ます 重要なコードは次のとおりです。 import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj => suburbMatchRegex.test(suburbObj.suburb)) .sort((suburbObj1, suburbObj2) => suburbObj1.suburb.toLowerCase().indexOf(lowercasedInput) - suburbObj2.suburb.toLowerCase().indexOf(lowercasedInput) ) .slice(0, 7) .map(suburbObj => suburbObj.suburb); // 'suggestions' will be an array of strings, e.g.: // ['Mentone', 'Mill Park', …

87 javascript  json  reactjs  webpack 

reactjsES6標準を使用webpackして作成されたアプリがあり、それを作成するために使用しています。webpackロードjsモジュールを使用してbabel-loader。具体的には、次のバージョンのパッケージを使用します。 ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └── webpack@1.12.6 ただし、ビルド後、IE10では次のエラーが発生します'Symbol' is undefined。babelを定義することになっているべきではありませんSymbolか？それを機能させるために特定の構成がありますか、webpackまたはbabel設定する必要がありますか？で{stage: 0}構成を使用します.babelrc。 どんな助けでもいただければ幸いです、ありがとう！

87 reactjs  webpack  babeljs 

私はそれについてすべてを学びたいウェブパックの新人です。Webpackを実行しているときに、次のような競合が発生しました。 ERROR in chunk html [entry] app.js Conflict: Multiple assets emit to the same filename app.js 競合を回避するにはどうすればよいですか？ これは私のwebpack.config.jsです： module.exports = { context: __dirname + "/app", entry: { 'javascript': "./js/app.js", 'html': "./index.html", }, output: { path: __dirname + "/dist", filename: "app.js", }, resolve: { extensions: ['.js', '.jsx', '.json'] }, module: { …

87 javascript  node.js  webpack  config  conflict 

ファイルに一致する複数のテストを含むローダー構成がある場合、最初に一致するローダーのみが使用されることを期待しますが、そうではないようです。 ソースを読んでみましたが、ロードを実装していると思うビットを見つけても、それがどのように動作するのか理解できません。 ドキュメントには、その状況がどのように動作するかについても記載されていません。

86 webpack 

私は持っています： バンドルしたいJSファイル。 CSSにコンパイルしたいLESSファイル（@importsを単一のバンドルに解決）。 私はこれらを2つの別々の入力として指定し、2つの別々の出力を持つことを望んでいました（おそらくextract-text-webpack-pluginを介して）。Webpackには、コンパイルを行うための適切なプラグイン/ローダーがすべてありますが、分離が気に入らないようです。 JSから直接LESSファイルを必要とする人の例を見てきました。 require('./app.less');Webpackにそれらのファイルをバンドルに含めるように指示する以外の理由がないなどの理由で、。これにより、エントリポイントを1つだけ持つことができますが、それは私には本当に間違っているようです-JSコードとは関係がないのに、なぜJSでLESSが必要なのですか？ 複数のエントリポイントを使用して、エントリJSとメインLESSファイルの両方を渡してみましたが、複数のエントリポイントを使用すると、webpackはロード時にJSを実行しないバンドルを生成します-すべてをバンドルしますが、わかりません起動時に何を実行する必要がありますか。 webpackを間違って使用していますか？これらの別々のモジュールに対してwebpackの別々のインスタンスを実行する必要がありますか？JSに混合しない場合は、JS以外のアセットにwebpackを使用する必要がありますか？

86 javascript  css  webpack  build  css-preprocessor 

requestベアボーンWebpackプロジェクトにインポートすると、3つの警告メッセージが表示されます。バグを再現するための最小限の例は、GitHubで入手できます（実行npm installおよびnpm start）。 Critical dependency: the request of a dependency is an expression この警告を取り除くにはどうすればよいですか？ 詳しくは： Webpackは、require呼び出しを静的に解決して最小限のバンドルを作成しようとします。でライブラリの使用変数または式が（のような呼び出し必要とする場合require('' + 'nodent')におけるこれらの行のをajv）、WebPACKのは、静的にそれらを解決し、パッケージ全体をインポートすることはできません。 私の理論的根拠は、この動的インポートは本番環境では望ましくなく、コードは警告なしに保つのが最善であるということです。つまり、問題を解決するソリューションが必要です。例えば： 必要なライブラリをインポートし、警告が発生しないようにwebpackを手動で構成します。 hack.js何らかの方法でrequire呼び出しをオーバーライドするファイルをプロジェクトに追加します。 ライブラリをアップグレードします。ajv-5.0.1-beta.3警告を消音する修正があります。ただし、使用したい場合は、リリースされるまで待ってから、後続のアップデートhar-validatorをrequestリリースするまで待つ必要があります。har-validatorのベータ版を強制的に使用する方法があれば、それでajv問題は解決します。 その他

86 webpack  request  ajv 

webpackターミナルで実行すると、次のようになります。 Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' これが私のwebpack.config.jsファイルです module.exports = { entry: './app-client.js', output: { filename: 'public/bundle.js' }, module: { loaders: [ { exclude: /(node_modules|app-server.js)/, loader: 'babel' } ] } } package.json { "name": "react", "version": "1.0.0", "description": "React …

84 javascript  express  reactjs  webpack  babeljs