在vue中安装vux出错解决方法

最新推荐文章于 2023-12-22 11:13:32 发布

原创最新推荐文章于 2023-12-22 11:13:32 发布 · 937 阅读

1 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍如何在项目中安装并配置VUX组件库，包括使用cnpm安装VUX及其相关依赖，如vux-loader、less、less-loader和yaml-loader，并在webpack.base.conf.js中进行配置，以支持.vue和.less文件的解析。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因为vux中使用了其他的依赖
所以在安装vux的同时也把相关的依赖的安装下去（默认当前系统已安装cnpm）

cnpm install vux --save
cnpm install vux-loader --save-dev
cnpm install less less-loader --save-dev
cnpm install yaml-loader --save-dev

安装完成后然后去 webpack.base.conf.js 中修改默认的配置

const vuxLoader = require('vux-loader')
extensions: ['.js', '.vue', '.json','.less']   // 在原来的基础上面加入 .less
const webpackConfig = originalConfig  // 原来的 module.exports 代码赋值给变量 webpackConfig，
module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] })