微信小程序组件化开发框架 wepy 的 stylus 编译插件（微信小程序组件化开发框架怎么做）

微信小程序组件化开发框架 wepy 的 stylus 编译插件（微信小程序组件化开发框架怎么做）

wepy stylus 编译器

Note: wepy官方提供的插件wepy-compiler-stylus对stylus的封装不太友好，不方便开发者配置一些高级特性，因此重新封装了一个stylus的编译插件wepy-compiler-styl。

Table of contents

FeaturesInstallationUsageExamples

Features

Support a few advanced features

definerawDefineincludeimportincludeCSSurl

Original features

globalsfunctionsusepathsfilenameEvaluator...

Installation

cnpm install wepy-compiler-styl --save-dev

Usage

// configure wepy.config.jsmodule.exports = { compilers: { styl: { compress: true } }};

Examples

// configure wepy.config.jsmodule.exports = { compilers: { styl: { supportObject: true, // 不是很确定，wepy的作者比较清楚 // ============= stylus 支持参入的参数 ============= compress: true, // 压缩 globals: { // 外部传入全局变量 isProd: process.env.NODE_ENV === 'production' }, functions: {} // 外部传入全局函数 use: [], // 导入插件nib、poststylus等 paths: [], // 将目录暴露给全局 filename: [], // 设置文件名 Evaluator: Object, // 没用过，我也不知道 // ============= 扩展属性，兼容gulp-stylus或者stylus-loader的传参 includeCSS: true, // 支持导入css define: { // 外部传入全局变量和函数 isProd: process.env.NODE_ENV === 'production' // 举例：控制不同环境的样式处理 }, include: [], // 等价于 paths: [__dirname, __dirname + '/utils']，将目录暴露给全局 import: [ // 将src/css/utils目录下的所有文件加入到编译环境中，其它的styl就不需要@require或者@import该目录下的文件，在该目录下可以定义全局变量、function和mixin等，千万不要把样式放入该目录，否则所有的styl文件都重复包含该样式 path.join('src', 'css', 'utils', '**/*.styl') ], url: 'inline-url', // 使用base64将图片转码 url: { name: 'inline-url', limit: 30000, // 限制多少B以内的图片被压缩 paths: [] // 从指定的目录下查找图片 }, } }};

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。