安装vue-cli 3.x 和vux
npm install -g @vue/cli
vue create <project_name>
cd <project_name>
npm install vuex --save-dev
npm install vux --save
npm install vux-loader --save-dev
npm install less less-loader --save-dev
npm install yaml-loader --save-dev
npm install node-sass --save-dev
npm install vue-loader@14.2.2 -D ## 解决vux对 vue-cli 3.x的兼容性问题
工程目录下创建 vue.config.js
module.exports = {
// 基本路径
publicPath: process.env.NODE_ENV === 'production' ? '/hotel/' : '/hotel/',
// vux 相关配置,使用vux-ui
configureWebpack: config => {
require('vux-loader').merge(config, {
options: {},
plugins: ['vux-ui']
})
},
devServer: {
port: 8081
},
css: undefined,
lintOnSave: false,
outputDir: undefined,
assetsDir: undefined,
runtimeCompiler: true, //包含运行时编译器的 Vue 构建版本
productionSourceMap: false,
parallel: undefined
}
npm run serve # 运行版本
npm run build ## 构建版本