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

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

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

最終結果は gulpfile.js< です。 /code> とファイルは次のようになります: gulpfile.js和app.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.js と gulpfile.js和app.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.scss和app.js file import 'element-ui/lib/theme-default/index.css';、つまり、app.scss と

の両方が CSS を処理しますか?ちょっとややこしいのですが、大丈夫でしょうか？ 🎜

黄舟2755日前584

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

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