Vue中使用vux的配置

1、进入项目

2、安装使用

1
npm install vux --save

3、vux2必须配合vux-loader使用,安装vux-loader

1
npm install vux-loader --save-dev

4、安装less-loader  (这个是用以正确编译less源码,否则会出现 ' Cannot GET / ')

1
npm install less less-loader --save-dev

5、在build/webpack.base.conf.js 文件进行配置

1
2
3
const vuxLoader = require('vux-loader')
const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webpackConfig,即 将原来的module.exports 改为 const webpackConfig
module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] })

  备注:一定要在build/webpack.base.conf.js加入less 

1
extensions: ['.js', '.vue', '.json'],

  加入之后

1
extensions: ['.js', '.vue', '.json', '.less'],

  

posted @   _nicest  阅读(795)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 字符编码:从基础到乱码解决
点击右上角即可分享
微信分享提示