在 Laravel Mix 里使用 Vux 2 的正确姿势

虽然标题用了 “正确” 一词,但是我还是要在这里声明,它不一定正确哈。

今天新建了一个项目打算使用 Vux2,结果发现得用上 vux-loader 这么一个玩意儿实现智能加载,于是折腾了好久也没看明白文档里的这段如何在 Laravel Mix 中实践:

const vuxLoader = require('vux-loader')
module.exports = vuxLoader.merge(webpackConfig, {
  options: {},
  plugins: [{ name: 'vux-ui' }]
})

以上内容来自: https://vux.li/#/zh-CN/README?id=%E5%BF%AB...

然后又不想 copy Laravel Mix 的那个配置文件到本项目里来,然后终于想出一个还不算蹩脚的姿势:

在 Laravel 项目根目录创建:webpack.config.js

const webpackConfig = require('./node_modules/laravel-mix/setup/webpack.config')
const vuxLoader = require('vux-loader')

module.exports = vuxLoader.merge(webpackConfig, {
  options: {},
  plugins: [{ name: 'vux-ui' }]
})

然后修改 package.jsonconfig 字段为上面新建的文件:

"config": {
    "webpack": "./webpack.config.js"
},

搞定,保持使用 Laravel Mix 提供的 webpack 配置的同时,方便的实现了自定义 webpack config(虽然 mix 有提供 webpackConfig() 方法实现覆盖,但今天这个 case 就搞不定了)

更新:我已经放弃使用 Vux 了,因为发现还不如直接用 WeUI 来得更方便 ...

本作品采用《CC 协议》,转载必须注明作者和本文链接
本帖由系统于 5年前 自动加精
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 15

这速度....表示对你的代码排版不满 :satisfied:

7年前 评论
Destiny

超哥 66 的

7年前 评论
Summer

博客标题取得好吸引人

超哥的秘密花园

7年前 评论

@cjjian 哪里不满啊?全是复制的 :s

7年前 评论

@cjjian 。。。好吧

7年前 评论

表示正在趟 vux2的坑

7年前 评论
TimJuly

66666

7年前 评论
Mumujin

请教超哥 在异步组件中提取css 如何配置?@overtrue

5年前 评论

@Olivia-outshine 哈哈,这估计没办法

5年前 评论

被vux2坑了一天半了 还没装好 因为不会前端

因为要做手机端的
element-ui电脑端的
mint-ui 我个人审美丑觉得要死 不知道为什么那么多人用
vux2组件丰富 准备下班 回去继续跳

这是遇到的坑

file
这个不知道

file
好像不能解析换行符

file
这个包好像弃用了 查百度几篇文章都有这个包

最后说一下

file
刚刚不小心点了x 重新打开的编辑内容还在 :joy: 牛皮牛皮

4年前 评论
ruodee

:clock12:今天是2019-9-16,郑州的民族运动会闭幕。

因为从8月29日一直在 Vue , Element 的坑里,所以就是在郑州,除了每日上班路过那里,其他,没时间去感受!日子很苦~

昨天,刚从坑里怕出来。 Vue 的学习教程大概用了一周的时间,也在 imooc 看了些 Vue 入门的教程,终于能在项目里使用 Element 。

言归正传,今天,按着本论坛 《小程序》 教程,我想在项目里使用 WeUI , 又被 VUX 吸引,本想尝试,但还是在论坛里搜了一下看有没有前人经验,没想到,看到了两年前的本帖!

啥都不说了,老实的使用 WeUI,有时间再入坑~

4年前 评论

:joy: 再试最后一次。

4年前 评论
btainlee (作者) 4年前

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!