問題タブ [laravel-mix]

laravel mix でビルド SVG スプライトを構成する必要があります。
webpackの下でいくつかのライブラリを試しましたresult = 0.

誰かが設定方法をアドバイスできますか?

webpack.mix.jsまたはapp.jsのどこにハンドラー コードを記述しますか?

ドキュメント ルートからのマイ フォルダ階層は -

公開パスを - に設定しました

そして、デフォルトのlaravelスクリプトをコンパイルして抽出しています-

/Library/Server/Web/Data/Sites/myweb.xyz/public パブリック ディレクトリへの私の絶対パスは - vendor.jsでmanifest.jsありapp.js、パブリック パスにありますが、それ自体は - /public/assets/Library/Server/Web/Data/Sites/myweb.xyz/public

これはミックスの問題ですか、それとも何か間違っていますか? に問題があるだけでmix.js()、他のすべては期待どおりに機能します。

laravel と vuejs を使用した Web アプリがあります。私はlaravel-mixを使用しており、webpack.mix.js私には次のものがあります:

コードを難読化するので、すべてのコンポーネントをlaravel-mixでどのように行うことができますか?

JS コードに LESS ファイルをインポートしようとしています。しかし、次のようなエラーが発生します-'このファイルタイプを処理するには、適切なローダーが必要になる場合があります。'。 バージョン - "laravel-mix": "^0.11.4"

私のwebpack.mix.jsでこのコードを試しました

しかし、私はまだ同じエラーが発生します。

コンポーネントとVueインスタンスの外側で単一ファイルコンポーネントの内側にあるコンポーネントのデータにアクセスして変更する方法は?

次のような単一ファイル内のコンポーネント:

ファイルはchat.vueです

メイン Vue アプリ:

そして、次のようなものからデータにアクセスしてサンプルする必要があります

コンポーネント外だがこのコンポーネントファイル内

のようなものを試しました

Chat.message.nick = 'xxxx';しかし、動作しません

this.message.nick = 'xxx';も機能しません + エラーが発生しました:named exports are not supported in *.vue files.

var chat = export default....うまくいかない、ブローアップ

そして、多くのこと...私は知りません...

私が解決した唯一のことはref="Chat"、HTML のコンポーネントで使用することです。しかし、それは私が望むものではありません。コンポーネントのデータを参照できますが、このコンポーネントの vue 単一ファイルではなく、メインの js ファイルで参照できます

データを参照し、このコンポーネント vue 単一ファイルで変更する必要があります

Laravel 5.5 プロジェクトの場合、vue-i18n プラグインの「単一ファイル コンポーネント」を使用したいと考えています。ドキュメンテーション。それは簡単に思えますが、私はそれを機能させることができません。

app.js

コンポーネント/test.vue

word1 は置換されていますが、word2 は置換されていません。vue ファイルの i18n タグ間に不適切な構文を配置しても、ファイルのコンパイル中にエラーは発生しません ( npm run dev)。私が欠けているので、これは理にかなっています：

ドキュメントから取得

これは に入るはずWebpack configurationです。しかし、このファイルはlaravelのどこにありますか? 私が見つけることができるのはwebpack.mix.jsだけですが、このコードをそこに配置してもあまり効果がありません...また、それを作成してもうまくいきませmix.module.exportsん。検索するとこのトピックにたどり着きましたが、彼が私と同じことを尋ねているかどうかはわかりません。

問題: i18n タグが読み込まれていません。解決策は、ドキュメントからコードを追加することです。

私の質問:このコードをどこに追加しますか?

Laravel Mix と DataTables の使用に苦労しています。私が抱えている問題は、.js ファイルなどをコンパイルすると、jQuery データテーブルを実行するページにアクセスするたびに、次のエラーがスローされることです。

エラーは次のとおりです。

私が理解していることから$(...).DataTable、グローバル変数ではありませんが、「グローバルスコープで」/アプリ内でアクセスできるようにするにはどうすればよいですか?

以下は私のセットアップです：

app.js

webpack.mix.js

どんなアイデアでも大歓迎です。

Vuejs を使用してブラウザー アドオンを作成し、ビルド プロセスとして Laravel Mix を使用しました。

すべての vue テンプレートは単一のファイル コンポーネントにあり、すべて正常に動作します...アドオン マニフェストの CSP から「unsafe-eval」を削除するまでは。Firefox に次のエラーが表示されます。

Content Security Policy: The page's settings blocked the loading of a resource...Source: call to eval() or related function blocked by CSP.

Laravel Mix は webpack と vue-loader を使用します。これが作成するバンドルは CSP に準拠しているという印象を受けました。

ビルドされた JS を確認しましたが、呼び出しはないようですが、問題の原因であると思わeval()れる呼び出しがあります。new Function()

ここで簡単なものが欠けていますか？

ソースをlaravel mixで縮小しようとしましたが、これが私のwebpack.mix.jsファイルです

スタイル部分のみを使用するnpm run watchと成功が返されますが、問題はjsファイルにあり、特にこの部分にあります'theme/admin/assets/js/bootstrap.min.js',

何か案が？

現在の動作は何ですか？

本番環境で Webpack を使用して Web サイトを運営しています。

webback と laravel-mix が混在する js ファイルの読み込みに関する次のエラーが Chrome コンソールに表示されて驚いた

私の質問:

1. HTTPS プロトコルを使用して Web サイトに混合コンテンツをロードするにはどうすればよいですか?
2. エラーを修正するにはどうすればよいですか? jsHTTP 経由で Web サイトを提供する予定はありません。開発と運用の両方で適切にロードしたいと考えています。