基于 mini-program-webpack-loader 的小程序脚手架(基于是什么意思)

网友投稿 594 2022-10-08

基于 mini-program-webpack-loader 的小程序脚手架(基于是什么意思)

基于 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小时内删除侵权内容。

上一篇:【textarea】在JSP上添加textarea-文本域 调试使用
下一篇:【FusionCharts学习-3】显示中国地图
相关文章

 发表评论

暂时没有评论,来抢沙发吧~