vue添加vuxのコード解説

1295 ワード

概要
VuxはWeUIとVue(2.x)に基づいて開発されたモバイル端末UIコンポーネントライブラリで、主にWeChatページにサービスを提供しています。
webpack+vue-loader+vuxに基づいて、モバイル端末ページを素早く開発できます。vux-loaderに協力して、WeUIに基づいて、必要なスタイルをカスタマイズしてもいいです。
vux-loaderはコンポーネントが必要に応じて使用されることを保証していますので、最終的にvuxのコンポーネントライブラリコード全体を包装する心配はありません。
vuxは完全にWeUIに依存しているわけではないが、全体的なUIスタイルはWeUIの設計仕様に近いように維持する。最初の目標は使いやすく、実用的で、美観的なモバイル端末UIコンポーネントライブラリを作ることです。今は理想の状態までまだ距離があります。そのため、問題と貢献コードをタイムリーにフィードバックする必要があります。
1、コマンド追加vuxnpm install vux --save2、build/webpack.base.com nf.jsに配置する

const vuxLoader = require('vux-loader')
const webpackConfig = originalConfig //     module.exports         webpackConfig
//     module.exports    const webpackConfig
module.exports = vuxLoader.merge(webpackConfig, {
plugins: [{
  name: 'vux-ui'
 }]
})
3、lessを追加する

npm install less less-loader --save-dev
4、yaml-loaderを追加する

npm install yaml-loader --save-dev
5、vux-loaderを追加する

npm install vux-loader --save-dev
6、main.jsに追加する

const FastClick = require('fastclick')
FastClick.attach(document.body)
import VueRouter from 'vue-router'
Vue.use(VueRouter)