Code Monkey home page Code Monkey logo

eruda-webpack-plugin's Introduction

English | δΈ­ζ–‡

eruda-webpack-plugin

A webpack plugin of eruda to help you develop mobile app

How to use

npm i --save-dev eruda-webpack-plugin
// webpack.config.js
const ErudaWebpackPlugin = require('eruda-webpack-plugin')
const HtmlWebpackPlugin = require('html-webpack-plugin')

const config = {
  devServer: {
        contentBase: path.join(__dirname, 'dist'),
        port: 1000
  },
  mode: "development",
  plugins: [
    new HtmlWebpackPlugin({
      template: path.resolve(__dirname, 'index.html')
    }),
    new ErudaWebpackPlugin({
      entry: /index\.js$/
    })
  ]
}

Open http://localhost:1000 in your browser, you can use eruda to debug your mobile app

Using eruda's plugin

new ErudaWebpackPlugin({
  plugins: ['fps', 'timing']
})

Options

force

eruda-webpack-plugin only works in development mode, if you need it in other modes, you can set force as true

new ErudaWebpackPlugin({
  force: true
})

tool

Choose which eruda's tools you want, by default all will be added.

new ErudaWebpackPlugin({
  tool: ['console', 'elements']
})

plugins

add eruda's plugin

new ErudaWebpackPlugin({
  plugins: ['fps', 'timing']
})

entry

the assets which should inject eruda instance

all .js assets will be injected by default

new ErudaWebpackPlugin({
  entry: [/index\.js$/, /page1\.js$/]
})

filters

the assets which don't need inject eruda instance

this option is contrary to entry

new ErudaWebpackPlugin({
  filters: [/subpage\.js$/]
})

eruda-webpack-plugin's People

Contributors

huruji avatar tankerxyz avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.