@tinajs/mina-entry-webpack-plugin

mina-entry-webpack-plugin

Automaticly generates entries-list from mina files for Webpack

Installation

npm i --save-dev @tinajs/mina-entry-webpack-plugin

Usage

/**
 * webpack.config.js
 */
const webpack = require('webpack')
const MinaEntryPlugin = require('@tinajs/mina-entry-webpack-plugin')
const resolve = require('path').resolve

// implement yourself if necessary
const CustomFileTypeConfigReader = require('./custom-file-type-config-loader')

module.exports = {
  context: resolve('src'),
  entry: './app.mina',
  output: {
    path: resolve('dist'),
    filename: '[name]',
    publicPath: '/',
  },
  module: {
    rules: [
      {
        test: /\.mina$/,
        use: {
          loader: '@tinajs/mina-loader',
        },
      },
    ],
  },
  plugins: [
    new MinaEntryPlugin({
      map: (entry) => ['es6-promise/dist/es6-promise.auto.js', entry],
      rules: [{
        {
          pattern: '**/*.custom-file-type',
          reader: CustomFileTypeConfigReader,
        },
      }],
    }),
  ],
}

For the best particle, you might also be interested in mina-webpack.

Options

Name	Default	Description
map	(e) => e	Mapper function for each entry. Useful for adding polyfill scripts.
rules	[]	Rules of custom config readers. See https://github.com/tinajs/mina-webpack/blob/master/packages/mina-loader/test/mina-entry-plugin.js#L204-L264 for examples
rules[].pattern	''	Pattern, using glob expressions
rules[].reader	ConfigReader	Custom config reader, should inherit from ConfigReader and implement its getConfig interface
extensions	...	The extension names of each block for the separation (classical) files.
extensions.template	['.wxml']	The extension name of the <template> block
extensions.style	['.wxss']	The extension name of the <style> block
extensions.script	['.js']	The extension name of the <script> block
extensions.config	['.json']	The extension name of the <config> block
extensions.resolve	['.js', '.wxml', '.json', '.wxss']	The resolving order of extensions for the separation (classical) files.
minaLoaderOptions	{}	Options of mina-loader for classical components, usually you can just leave it by default.

Example

• mina-webpack - Full Example
• TinaJS - HackerNews Reader

License

Apache-2.0 © yelo, 2017 - present