前端框架选型是企业提升开发效率与用户体验的关键因素
594
2022-10-08
基于 mini-program-webpack-loader 的小程序脚手架(基于是什么意思)
mini-program-webpack-loader-boilerplate
使用 webpack4, babel, eslint, less, scss, dotenv 开发的微信小程序项目脚手架
功能
通过 babel 支持更丰富的 ES6 兼容通过 eslint 检查代码规范,使用 standard 规范通过 less or scss 语法编写 wxss , 并用 postcss-preset-env 添加浏览器兼容支持通过配置 alias 来避免 ../../../ 之类的模块引用提供 production 和 development 两个环境变量在 production 环境下压缩代码
开始使用
确保安装了 Node.js (>= v4.2) 和 yarn 或 npm
git clone 本项目通过命令行工具 cd 到这个目录,执行 yarn 安装依赖模块执行 yarn dev 开始开发测试执行 yarn build 进行提交前打包通过微信开发者工具,添加 项目目录 到项目上
内置命令
yarn dev 启动 webpack 开发微信小程序项目, 编译生成 development 环境的代码到,能监听文件变化自动重新编译yarn build 编译生成 production 环境的代码到 distyarn lint 执行 eslint 来格式化 src 目录下的代码
感谢
realywithoutname/mini-program-webpack-loader
说明
本项目纯在练手,跑起来是能打包了,但是没经过实际的测试app.wxss 文件,不能使用预编译器,但可以在里面 @import "./your/style/files.less";
License
MIT
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~