webpack 的 riotjs 模块加载器

安装

npm install --save-dev riot riotjs-loader babel babel-loader webpack webpack-dev-server

用法

/webpack.config.js

var webpack = require('webpack');
 
module.exports = {
  entry: './app/index',
  output: {
    path: __dirname + '/public',
    filename: 'bundle.js'
  },
  plugins: [
    new webpack.ProvidePlugin({
      riot: 'riot'
    })
  ],
  module: {
    preLoaders: [
      { test: /\.tag$/, exclude: /node_modules/, loader: 'riotjs-loader', query: { type: 'none' } }
    ],
    loaders: [
      { test: /\.js$|\.tag$/, exclude: /node_modules/, loader: 'babel-loader' }
    ]
  },
  devServer: {
    contentBase: './public'
  }
};

/public/index.html

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>App</title>
</head>
<body>
  <app></app>
  <script src="bundle.js"></script> 
</body>
</html>

/app/index.js

require('./app.tag');
 
riot.mount('*');

/app/app.tag

require('./name.tag');
 
<app>
  <name first="Hello" last="World"></name>
  <name first="Ola" last="Mundo"></name>
</app>

/应用程序/名称.标签

<name>
  <h1>{ opts.last }, { opts.first }</h1>
</name>

发展

./node_modules/.bin/webpack-dev-server --inline --hot

打开http://localhost:8080/

执照

（麻省理工学院许可证）

特此授予任何人免费获得本软件和相关文档文件（“软件”）副本的许可，不受限制地处理本软件，包括但不限于使用、复制、修改、合并的权利、发布、分发、再许可和/或销售本软件的副本，并允许向其提供本软件的人员这样做，但须符合以下条件：

该软件“按原样”提供，不提供任何形式的明示或暗示的保证，包括但不限于适销性、特定用途的适用性和不侵权的保证。在任何情况下，作者或版权持有人均不对任何索赔、损害或其他责任承担责任，无论是在合同诉讼、侵权行为或其他方面，由软件或软件的使用或使用或其他原因引起的或与之相关的软件。

npm地址: https://www.npmjs.com/package/riotjs-loader

项目主页地址：https://github.com/esnunes/riotjs-loader

项目仓库地址: https://github.com/esnunes/riotjs-loader

项目issue地址: https://github.com/esnunes/riotjs-loader/issues

项目issue数量: 13

项目贡献人员列表：

esnunes