Vux configuration and vuevux configuration in Vue

Vux configuration and vuevux configuration in Vue

Vux configuration is used in Vue in two cases:

1. Install the tool directly according to the vux document without manual Configuration

Npm install vue-cli-g // If vue init airyland/vux2 my-project is not installed yet // create a template cd my-project named my-project // enter the project npm install -- registry = https://registry.npm.taobao.org // start to install npm run dev // run the project

2. I want to introduce the Vue component in the created vue Project

<1>. Install vux in the project

npm install vux --save

<2>. Install vux-loader (this vux document does not seem to be described, and a bunch of errors are reported if no installation result is found)

npm install vux-loader --save-dev

<3>. Install less-loader (this is used to correctly compile the less source code, otherwise 'could not GET/'will appear /')

npm install less less-loader --save-dev

<4>. Install yaml-loader (read the language file correctly. It seems that no error is reported if I have not installed it)

npm install yaml-loader --save-dev

<5>. Configure in the build/webpack. base. conf. js file.

Const vuxLoader = require ('vux-loader') const webpackConfig = originalConfig // The original module. the exports Code assigns a value to the variable webpackConfig, // which is about to be the original module. change exports to const webpackConfigmodule. exports = vuxLoader. merge (webpackConfig, {plugins: ['vux-Ui']})

The above is all the content of this article. I hope it will be helpful for your learning and support for helping customers.