layui前端项目打包方法_webpack打包layui实现步骤

总的来说打包webpack打包layui要解决几个问题：

1、解决引入layui-src报错的问题

2、layui插件的打包方式

3、解决打包后样式不生效的问题

解决上面几个问题，基本就能成功打包了

首先安装layui(推荐：layui教程)npm i layui-src

截至到我安装时的版本是 2.3.0

包本身的一些问题仍没有解决，这里需要收到更正

到安装目录下(/node_modules/layui-src/package.json)，修改package.json的main字段为"main": "dist/layui.js",

相当于给当前包指定入口文件，这个解决了之前说的问题1。

接下来问题2：

也是比较最关键的地方，是静态打包插件还是沿用layui自身的按需加载呢

我最终采取的是沿用ayui原有的按需加载的方式，理由无它，省事！

因为这样我仅需要关心引入layui即可，插件无需我管理，而且还能减小打包后的文件大小，当然最大的原因还是我懒

决定怎么做之后就可以引入layui了import 'layui-src'

layui.config({

dir: '/dist/'

})

后面的layui.config是全局配置，dir目录之告诉layui它的插件的位置，这个目录是入口文件layui.js的所在位置，

这点需要自己理解清楚，配置错误就会