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

栏目: 编程语言 · 发布时间: 5年前

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

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: 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 中也想使用,可以设置 forcetrue

new ErudaWebpackPlugin({
  force: true
})

tool

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

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

plugins

添加 eruda 的插件

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

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

查看所有标签

猜你喜欢:

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

奈飞文化手册

奈飞文化手册

[美] 帕蒂·麦考德 / 范珂 / 浙江教育出版社 / 2018-10-1 / 69

一本对奈飞文化进行深入解读的力作。2009年,奈飞公开发布了一份介绍企业文化的PPT文件,在网上累计下载量超过1500万次,被Facebook的CFO谢丽尔·桑德伯格称为“硅谷重要文件”。本书是奈飞前CHO,PPT的主要创作者之一帕蒂·麦考德对这份PPT文件的深度解读。 本书系统介绍奈飞文化准则,全面颠覆20世纪的管人理念。在这本书中,帕蒂·麦考德归纳出8条奈飞文化准则,从多个角度揭示了奈飞......一起来看看 《奈飞文化手册》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具