eruda 的 webpack 插件，帮助调试移动端网页

内容简介：在浏览器中打开

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: 10000
  },
  mode: "development",
  plugins: [
    new HtmlWebpackPlutin({
      template: path.resolve(__dirname, 'index.html')
    }),
    new ErudaWebapckPlugin()
  ]
}

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

eruda 的 webpack 插件，帮助调试移动端网页

使用 eruda 的插件

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

Options

force

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

new ErudaWebpackPlugin({
  force: true
})

tool

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

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

plugins

添加 eruda 的插件

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

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持码农网

查看所有标签

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

Head First Python（中文版）

巴里（Barry.P.） / 林琪等 / 中国电力出版社 / 2012-3-1 / 68.00元

你想过可以通过一本书就学会Python吗？《Head First Python(中文版)》超越枯燥的语法和甩法手册，通过一种独特的方法教你学习这种语言。你会迅速掌握Python的基础知识，然后转向持久存储、异常处理、Web开发、SQLite、数据加工和lGoogle App Engine。你还将学习如何为Android编写移动应用，这都要归功于Python为你赋予的强大能力。本书会提供充分并且完备......一起来看看《Head First Python（中文版）》这本书的介绍吧!

码农工具