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
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.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)