タグ付けされた質問 「vue-cli」

5
Vue「デフォルトのエクスポート」と「新しいVue」の比較
Vueをインストールし、いくつかのチュートリアルに従って、vue-cli webpackテンプレートを使用してプロジェクトを作成しました。コンポーネントを作成すると、次の内部でデータがバインドされていることに気づきました。 export default { name: 'app', data: [] } 一方、他のチュートリアルでは、データがバインドされているのがわかります。 new Vue({ el: '#app', data: [] )} 違いは何ですか、なぜ2つの構文が異なるように見えるのですか?vue-cliによって生成されたApp.vueから使用しているタグの内側から「新しいVue」コードを機能させるのに問題があります。

15
Vueアプリをデプロイする方法は?
Vueアプリを開発した後はどうすればよいvue-cliですか? で角度 1つのスクリプトにすべてのスクリプトをバンドルし、いくつかのコマンドがあった、その後、これらのファイルをホストに送信されます。 Vueに同じものはありますか?
131 vue.js  vuejs2  vue-cli 

4
Vueプロジェクトのビューとコンポーネントフォルダーの違いは何ですか?
コマンドライン(CLI)を使用してVue.jsプロジェクトを初期化しました。CLI作成src/componentsし、src/viewsフォルダを。 Vueプロジェクトで作業してから数か月が経ちましたが、フォルダー構造は初めてのようです。 で生成されたVueプロジェクトのviewsとcomponentsフォルダーの違いは何vue-cliですか?

2
Vue CLI CSSプリプロセッサオプション:dart-sass VS node-sass?
CLI(v3.7.0)を使用して新しいプロジェクトを作成する場合dart-sass、node-sassコンパイラーを選択するオプションがあります。 Vueのドキュメントで宣言されているよりも具体的に、これらは互いにどのように比較されますか? Sassパフォーマンスに関するヒント Dart Sassを使用する場合、非同期コールバックのオーバーヘッドのため、同期コンパイルはデフォルトで非同期コンパイルの2倍の速度であることに注意してください。このオーバーヘッドを回避するために、ファイバーパッケージを使用して、同期コードパスから非同期インポーターを呼び出すことができます。これを有効にするには、プロジェクトの依存関係としてファイバーをインストールするだけです。 npm install -D fibers また、ネイティブモジュールであるため、OSやビルド環境によって互換性の問題が異なる場合があることにも注意してください。その場合は、実行npm uninstall -D fibersして問題を解決してください。 ? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): (Use arrow keys) ❯ Sass/SCSS (with dart-sass) Sass/SCSS (with node-sass) Less Stylus 編集2020/01: Vue CLI 4.2.2新しいプロジェクトの作成はdart-sass、前の最初のオプションとしてまだ提案されていますnode-sass。それでもnode-sass、よりパフォーマンスの高い選択肢であることがここで確立されており、ダーツサスを使用する人はほとんどいません(ccleveのコメント)。 EDIT 2020/09:としてアリBahramiは彼の豊富な答えを更新し、dart-sass好ましい選択肢であるとしてnode-sass廃止予定としてマークされています。 dart-sassJSでコンパイルされたバージョンはパフォーマンスが悪いので残念です。ただし、開発者はこれを十分に認識しており、この号で述べられているように、パフォーマンスの向上に取り組んでいます。


1
Vuetify 2.1とWebpackでのコンパイル時間が非常に長い
私は、Vue CLI 3とVuetify 2.1を新しいプロジェクトで使用しています。ようやく動作させた後、variables.scss作成したファイルを変更してプロジェクトを再コンパイルするたびに、コンパイルが完了するまでに5分近くかかることがわかりました。Node。が使用しているメモリを増やすためにpackage.jsonスクリプトを更新してみました。その結果、受け取ったエラーが修正され、コンパイルがクラッシュしましたが、結果としてコンパイル時間が非常に遅くなりました。表示される進行状況(私はForemanを使用して、Rails APIとVueサーバーの両方を同時に実行しています)は次のようになります。 17:47:29 web.1 | <s> [webpack.Progress] 69% building 916/930 modules 14 active /<path/to/app>/frontend/node_modules/css-loader/index.js??ref--9-oneOf-3-1!/<path/to/app>/frontend/node_modules/postcss-loader/src/index.js??ref--9-oneOf-3-2!/<path/to/app>/frontend/node_modules/sass-loader/lib/loader.js??ref--9-oneOf-3-3!/<path/to/app>/frontend/node_modules/vuetify/src/components/VSwitch/VSwitch.sass これらの進行状況は、前述のように、最終的に完了する前に約5分間読み込まれます。私の推測では、変数を更新したため、Vuetify node_module内のその変数の各コンポーネントとインスタンスについて、スタイルを確認して更新する必要があります。 私の質問は、これをスピードアップする方法があるかどうかです。たぶん私はこの問題を引き起こした間違った設定をしましたか?それともこれは完全に正常であり、私はそれに対処する必要がありますか? main.js import Vue from 'vue'; import App from './App.vue'; import { router } from './router'; import store from './_store'; import vuetify from './plugins/vuetify'; Vue.config.productionTip = false; new Vue({ router, store, …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.