Vueでvuxを使用する構成

1487 ワード

一、vuxドキュメントに従って直接インストールし、手動で構成する必要がない
npm install vue-cli -g     //       
vue init airyland/vux2 my-project     //      my-project    
cd my-project     //     
npm install --registry=https://registry.npm.taobao.org     //     
npm run dev      //     

 
二、作成したVueプロジェクトにvuxコンポーネントを導入したい
<1>. プロジェクトにvuxをインストールする
npm install vux --save

<2>. vux-loaderのインストール(このvuxドキュメントは紹介されていないようですが、当初はインストールされていなかった結果、エラーがたくさん報告されました)
npm install vux-loader --save-dev

<3>. インストールless-loader(これはlessソースコードを正しくコンパイルするために使用されます.そうしないと'Cannot GET/'が表示されます)
npm install less less-loader --save-dev

<4>. yaml-loaderのインストール(言語ファイルの読み取りを正しく行い、私はインストールしていないし、エラーも報告していないようです)
npm install yaml-loader --save-dev

<5>.build/webpack.base.conf.js
const vuxLoader = require('vux-loader')
const webpackConfig = originalConfig //     module.exports         webpackConfig,      module.exports    const webpackConfig
module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] })