Nui Loader

介绍

nui-loader是Nui框架兼容webpack的解释器，能够将框架自身模块化特性转换为webpack可识别的语法。

安装

npm install --save-dev nui-loader

使用

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        use: {
          loader:'nui-loader',
          options:{
            paths:{
              lib:'/script/lib/jquery/'
            },
            alias:{
              jquery:'{lib}/jquery.js'
            }
          }
        }
      }
    ]
  }
}

选项参数

参数	类型	默认值	说明
base	{String}	node_modules所在目录	项目根目录
paths	{Object}	null	路径别名集合
alias	{Object}	null	模块别名集合，可使用{名称}访问路径别名
url	{String}	null	参数配置地址，接收一个绝地路径，文件内容必须包含Nui.config({paths:{...}, alias:{...}})，设置后无需在loader参数中配置paths以及alias。

注意事项

使用Nui框架编写模块代码时，4个工厂函数require/imports/extend/renders中除了require，其它三个必须加this.或者module.前缀，否则解释器无法识别

Nui.define(function(){
  var module = this

  this.imports('xxxx')

  this.extend('xxxx', {

  })

  module.renders({
    <div></div>
  })

})