以前は CDN を使用していましたが、現在は gulp と webpack を使用して js と css ファイルをパッケージ化しようとしています。詳細は次のとおりです。
Ele.me チームの elementUI を使用するので、次の記事に従って構成しました: http://codesky.me/archives/tr... 最終結果は gulpfile.js< です。 /code> と
ファイルは次のようになります: gulpfile.js
和app.js
文件是这样的:gulpfile.js
gulpfile.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
と
给我你的怀抱2017-05-16 16:51:42
質問 1: .vue が webpack を使用する場合、vue-loader が必要です
質問 2: シーケンス
質問 3: パッケージ化ツールは .js と .css ファイルを別々に出力できます
補足: 参考までに yii2 と vue のデモがあります https://github.com/TIGERB/vue...