vueにvuxコードを追加する方法の詳細説明

Vux ([ヴジュ:ズ] と発音、ビューと同じ) は、WeUI および Vue (2.x) に基づいて開発されたモバイル UI コンポーネント ライブラリであり、主に WeChat ページを提供します。 webpack+vue-loader+vux に基づいて、vux-loader を使用して、WeUI に基づいて必要なスタイルをカスタマイズできます。 vux-loader はコンポーネントがオンデマンドで使用されることを保証するため、最終的に vux コンポーネント ライブラリ コード全体をパッケージ化することを心配する必要はありません。 vux は WeUI に完全に依存しているわけではありませんが、全体的な UI スタイルを WeUI の設計仕様に近づけるように努めてください。当初の目標は、使いやすく実用的で美しいモバイル UI コンポーネント ライブラリを作成することでしたが、まだ理想的な状態には程遠いため、全員が問題についてタイムリーにフィードバックを提供し、コードに貢献する必要があります。

1. vux を追加するコマンド

npm install vux --save

2. build/webpack.base.conf.js で設定します

rreee

3.

const vuxLoader = require('vux-loader')
const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webpackConfig
//即将原来的module.exports 改为 const webpackConfig
module.exports = vuxLoader.merge(webpackConfig, {
plugins: [{
  name: 'vux-ui'
 }]
})

4. yaml-loader を追加します

npm install less less-loader --save-dev

5. vux-loader を追加します

6. main.js に

を追加します。

npm install yaml-loader --save-dev

： 関連推奨事項:

Vue.js開発環境の詳細説明 高速構築方法

Vue-CLIによるクロスドメインリクエストの実現方法の詳細説明

Vue.jsプラグインの詳細説明開発中

以上がvueにvuxコードを追加する方法の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。