smallmina-loader

一个小程序预编译loader,基于wechat-mina-loader改造

Usage no npm install needed!

<script type="module">
  import smallminaLoader from 'https://cdn.skypack.dev/smallmina-loader';
</script>

README

一个微信小程序的编译器


安装

npm install smallmina-loader

webpack.config

module.exports = {
  module: {
    rules: [
      {
        test: /\.mina$/,
        loader: 'smallmina-loader',
        options:{
            //开发的源文件夹
             source: 'src',
             //编译后的文件交和原文件同目录
             target: 'build',
             //指定文件夹
             dist: '',
             //指定扩展名
             extension: {
                 style: 'acss',
                 template: 'axml'
             }
        }
      }
    ]
  }
}

使用方式

最简单的姿势

require('./pages/index/index.mina')

在 app.js 中项目中引入之后会在根目录的 dist 文件夹下生成两份文件分别为

/pages/index/index.wxml
/pages/index/index.wxss

比起返回 babel 转换过的 script 标签中的内容

关于语法

由于使用的是 vue-template-compiler 进行解析,所以语法基本与 vue-loader,相同

比如你想用 pug,那么在 template 标签中加入 lang="pug" 即可

高亮设置

将高亮设置为 vuecomponent 即可