Vueでvuxを使用する構成
1487 ワード
一、vuxドキュメントに従って直接インストールし、手動で構成する必要がない
二、作成したVueプロジェクトにvuxコンポーネントを導入したい
<1>. プロジェクトにvuxをインストールする
<2>. vux-loaderのインストール(このvuxドキュメントは紹介されていないようですが、当初はインストールされていなかった結果、エラーがたくさん報告されました)
<3>. インストールless-loader(これはlessソースコードを正しくコンパイルするために使用されます.そうしないと'Cannot GET/'が表示されます)
<4>. yaml-loaderのインストール(言語ファイルの読み取りを正しく行い、私はインストールしていないし、エラーも報告していないようです)
<5>.
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'] })