README_CN.md

English | 中文

eruda-webpack-plugin

eruda 的 webpack 插件

使用

npm i --save-dev eruda-webpack-plugin

// webpack.config.js
const ErudaWebapckPlugin = reuire('eruda-webpack-plugin')
const HtmlWebpackPlutin = require('html-webpack-plugin')

const config = {
  devServer: {
        contentBase: path.join(__dirname, 'dist'),
        port: 1000
  },
  mode: "development",
  plugins: [
    new HtmlWebpackPlutin({
      template: path.resolve(__dirname, 'index.html')
    }),
    new ErudaWebapckPlugin()
  ]
}

在浏览器中打开 http://localhost:1000 就可以调试你的移动端网页了

使用 eruda 的插件

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

Options

injectOnlyOnce (确保你的npm包版本号 > 1.5.0)

确保 eruda 和插件仅会被注入一次。你可以省下时间来喝杯咖啡，而不用去绞尽脑汁写 entry 选择的正则表达式了。

默认值: true

new ErudaWebpackPlugin({
  injectOnlyOnce: true
})

force

eruda-webpack-plugin 默认只会在 development mode 生效, 如果你在其他 mode 中也想使用，可以设置 force 为 true

默认值: false

new ErudaWebpackPlugin({
  force: true
})

tool

选择你想要使用的 eruda 的功能，默认会全部加载。

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

plugins

添加 eruda 的插件

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

entry

需要被注入 eruda 实例的输出文件

默认所有的 .js 文件都会被注入

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

filters

不需要注入 eruda 实例的输出文件

这个选项和 entry 正好相反

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