ホームページ  >  に質問  >  本文

laravel5.3 と vuejs を一緒に使用する場合、js および css ファイルのパッケージ化で問題が発生します

以前は CDN を使用していましたが、現在は gulp と webpack を使用して js と css ファイルをパッケージ化しようとしています。詳細は次のとおりです。

Ele.me チームの elementUI を使用するので、次の記事に従って構成しました: http://codesky.me/archives/tr...

最終結果は gulpfile.js< です。 /code> と
ファイルは次のようになります: gulpfile.jsapp.js文件是这样的:
gulpfile.jsgulpfile.js:

リーリー

app.js

リーリー

次に、jquery、ブートストラップなど、以前に CDN を使用して導入したリソースをパッケージ化します。詳細については、package.json ファイルを参照してください:

リーリー

実行npm install上記のパッケージをインストールした後、css ファイルと js ファイルをそれぞれパッケージ化します:

1. css ファイルについては、resources/assets/sass/app.scss ファイルに次の行を追加しましたが、問題はないようです。

リーリー

2. js ファイルについては、次の 3 つのパッケージを使用して、それぞれ gulpfile.jsgulpfile.jsapp.js中,运行gulp を実行してみました。 、エラーを報告しました。

リーリー

質問:
1. 上記の最後に示されているように、js ファイルはどのようにパッケージ化されるべきですか?また、どの gulp还是webpack コマンドをどのようなときに使用すればよいかについても少し混乱があります。

2. js ファイルのパッケージ化順序の問題。たとえば、上記の tether要在bootstrap の順序に注意するだけで十分ですか。

3. CSSファイルのパッケージ化、上記のapp.scssでの導入でも問題ありませんが、element-uiのCSSファイルも上記で導入していますapp.scss中引入做虽然没什么问题,但是上面app.js文件中又引入了element-ui的css文件import 'element-ui/lib/theme-default/index.css';,也就是app.scssapp.js file import 'element-ui/lib/theme-default/index.css';、つまり、app.scss

の両方が CSS を処理しますか?ちょっとややこしいのですが、大丈夫でしょうか? 🎜
黄舟黄舟2737日前569

全員に返信(1)返信します

  • 给我你的怀抱

    给我你的怀抱2017-05-16 16:51:42

    質問 1: .vue が webpack を使用する場合、vue-loader が必要です
    質問 2: シーケンス
    質問 3: パッケージ化ツールは .js と .css ファイルを別々に出力できます

    補足: 参考までに yii2 と vue のデモがあります https://github.com/TIGERB/vue...

    返事
    0
  • キャンセル返事